Навигация по сайту

Популярные статьи

HTML веб-дизайн - теги тела и SEO

  1. Google Snippets
  2. Используйте иерархический порядок для тегов заголовка
  3. Один тег H1 на страницу?
  4. Ключевое слово богатые заголовки
  5. Атрибут Alt.

В последнем посте мы говорили о HTML и о том, насколько полезны теги, которые находятся в разделе <Head> (бит, который в основном скрыт от зрителя). На этот раз мы смотрим на теги, которые используются в разделе <Body>.

Раздел «Тело» HTML-кода - это то, что программное обеспечение браузера использует для рисования / создания страницы на экране компьютера (или мобильного телефона / планшета) пользователя.

Конечно, есть много разных браузеров, и хотя все они используют HTML-код, они часто создают немного другое представление на экране пользователя (что-то, что все хорошие веб-дизайнеры надо учитывать).

Но в том, что касается SEO, нас не интересует, какой браузер используется, просто то, как мы можем «произвести впечатление» на любую посещаемую поисковую систему с целью получения наилучшего возможного ранга для этой страницы для «целевых» ключевых слов. для этой страницы.

Эти теги заголовка, как и весь HTML, основаны на структуре документа, которая была изначально создана для управления компьютерными принтерами. Они также использовались редакторами газет в «старые времена», когда газеты печатались с использованием начальных символов, заголовки которых использовались редактором для обозначения того, что было ГЛАВНЫМ заголовком, а какие - подзаголовками.

Фактически, это именно то, что мы делаем, когда используем веб-теги заголовков, и, если вы вернетесь к 1990-м годам, до дней таблиц стилей и т. Д., У вас было всего несколько способов управления макетом. страница и о том, насколько большой текст был.

Тег Header был одним из основных способов сделать это, используя H1 для основного заголовка, H2 для следующего уровня и так далее вплоть до самого маленького H6. Сегодня, конечно, используя стили, вы можете переопределить размер (и какой цвет / шрифт) текста. Но независимо от того, как они выглядят, поисковые системы по-прежнему используют тот факт, что они были отмечены как «важные» блоки текста, просто потому, что они заключены в тег заголовка.

Это важный факт, и поэтому их следует использовать с умом.

В HTML тег заголовка выглядит примерно так, но, как упоминалось выше, из-за стилей фактический код может выглядеть совсем иначе.

< h1> Несколько ВАЖНЫХ ТЕКСТОВ на вашей странице </ h1>

Тем не менее, хотя они и умеют сообщать движкам о том, что важно, сегодня, с появлением все более мощных (и умных) алгоритмов, Google и его родственники больше не полагаются на тег Header, поэтому не стоит использовать их тогда. совсем. НО, они все еще помогают поисковым системам более эффективно читать ваш контент , поэтому мы советуем использовать их, просто убедитесь, что вы используете их правильно.

Используйте порядок тегов заголовка (от h1 до h6), чтобы показать уровень важности каждого раздела на странице .

Это достаточно просто и означает, что вы бы использовали тег H1 для основного заголовка, используя H2 для заголовков в рамках этой темы, используя H3 - H6 по мере необходимости для медленного перехода к более низким и более низким уровням.

Таким образом, вы не только помогаете поисковым системам, но и значительно облегчаете чтение и понимание страницы.

Google Snippets

Время от времени Google помещает избранные фрагменты в виде списков из заголовков конкретной страницы (в основном для руководств и инструкций). Если H1 на вашей странице будет соответствовать искомой строке запроса (или, по крайней мере, очень похожа), тогда он и ваши подзаголовки (H2 - H6) будут использованы для создания хронологического списка в избранном фрагменте. Это может быть очень мощным и может принести много кликов!

Это может быть очень мощным и может принести много кликов

Пример Google Featured Snippet

Эти фрагменты особенно важны, поскольку они занимают позицию выше всех результатов, предлагая бесплатную возможность для лучшей видимости вашего сайта.

Используйте иерархический порядок для тегов заголовка

В целях SEO мы должны помнить, что мы имеем дело с компьютером, хотя и очень умным, и чтобы наилучшим образом использовать его, мы должны делать вещи, которые выглядят «логически правильными». Таким образом, используя теги заголовков в логической форме, с H1, за которыми следует H2, а затем с H3, мы сможем убедить Google в том, что мы выложили наш контент наилучшим образом. Поскольку им нравятся сайты, которые легко читать, мы получим преимущество в нашу пользу.

Купи одну и получишь вторую бесплатно

Используя заголовки в этой иерархической манере, мы также получаем еще один бонус, поскольку наш контент легче читать. Это не только позволяет нам донести наше сообщение до наших посетителей, но и означает, что они с большей вероятностью останутся на сайте (и вернутся). Бонус стоит иметь.

Один тег H1 на страницу?

Раньше было хорошей практикой использовать только один тег H1 на страницу, но теперь кажется, что вы можете использовать больше, не повреждая ценность SEO вашего сайта. Тем не менее, в Rouge мы стремимся использовать только один тег H1 на страницу при создании SEO-контента, поскольку это и выглядит лучше, и перспектива сайта, на случай, если Google и другие передумают в будущем…

Ключевое слово богатые заголовки

Оптимизация тегов Header может быть очень полезной, однако вы можете переусердствовать, если не будете осторожны, поэтому будьте осторожны (и избегайте длинных строк тега Header, когда можете).

Атрибут Alt.

Атрибут alt text раньше действительно был очень важен, так как до появления быстрого интернета людям иногда приходилось выключать изображения (другими словами, они не загружали и не видели изображение), полагаясь вместо этого на Alt Tag, чтобы сказать им, что картина была о.

В HTML это обычно выглядит так:

<img src = ”url of image” alt = ”Отличное описание изображения”>

Это важный тег, так как он играет важную роль в оптимизации изображений, позволяя Google понять, что такое изображение. Сделать ваши изображения доступными для поисковых систем - отличный способ найти их в поисковой части поисковой выдачи.

Кстати, вы также можете повысить потенциал SEO страницы, используя описательные имена URL, такие как «the-best-dog-buscuits-ever.jpg» вместо «image1.jpg», поскольку это дает Google еще лучшую идею О чем эта страница?

Все эти теги предоставляют немного силы, напрямую влияющей на успех ваших усилий по SEO, хотя и в очень небольшой степени.

Поэтому мы рекомендуем вам использовать все эти теги как можно лучше при создании контента для вашего сайта, а также при каждом Rouge готовы предложить вам любую помощь в этой важной области

Один тег H1 на страницу?
1.jpg», поскольку это дает Google еще лучшую идею О чем эта страница?