HTML-заголовки - H1, H2, H3 ... - основы оптимизации сайта - Memtor Marketing - Ченстохова, Варшава

Среди факторов рейтинга сайта (оптимизация сайта), связанных с содержанием и структурой сайта, наиболее важным является, как вы знаете, заголовок. Вторым по порядку будет выбор - в зависимости от структуры сайта - внутренних ссылок или экземпляров ключевых слов в наиболее важном структурном элементе сайта, то есть в заголовках. Но как использовать заголовки? Мы проанализировали многие веб-сайты, которые можно расценивать как определяющие лучшие тенденции в этой области. Оказалось, что нет единого общего способа их использования.

Основным принципом является иерархия. Элемент верхнего уровня должен быть помечен тегом h1 , следующий по важности - h2 и т. Д. Все они уже имеют стандартные размеры шрифта, но ничто не мешает им адаптироваться к собственным потребностям в CSS (в соответствии с требованиями W3C не следует используйте для этого тег шрифта или аналогичный), но помните, что более важный заголовок всегда должен быть больше, чем менее важный. Вы не должны использовать более низкие теги, если вы не используете более высокие. Для этого нет жестких правил, в отношении того, что следует выделять, все зависит от структуры данной страницы / подстраницы. Также нет порядка использовать всех от h1 до h6 - если в этом нет необходимости, просто h1 и h2 .

Тег h1 должен указывать на основное содержимое страницы. Предполагалось, что он должен появиться только один раз на одной подстранице, но сам по себе Google утверждает что если структура требует этого, вы можете использовать его более одного раза. Этот заголовок важен для позиционирования - поисковики уделяют ему особое внимание. Добавление ключевого слова в заголовок увеличит позицию в поисковой системе. Так что вы вводите в этот тег? Лучшая фраза похожа на заголовок, где мы пытаемся поместить сокращенное содержимое страницы в поисковик - этот элемент из локальные факторы важно Тем не менее, желательно, чтобы это не было тем же содержанием, что и в названии, потому что это угрожает обвинение в начинке слов , В случае с главной страницей это вполне понятно: название страницы, название компании, графический логотип (не забывая тогда использовать альтернативный текст в атрибуте alt). Что касается подстраниц, то дело не всегда так очевидно, но чаще всего его легко оценить. Когда это веб-сайт компании, подстраницы обычно имеют определенную цель: контакт, портфолио и т. Д. В интернет-магазинах это выражения, которые идентифицируют категории продуктов или сами продукты. На странице блога это заголовок записи - это самый важный элемент подстраницы, и он должен быть помечен как h1 . Часто используемой практикой является использование h1 дважды : один раз в месте, описанном выше, и второй раз так же, как на главной странице, то есть в названии страницы или логотипе. Такая стратегия принята в стандартной теме самой популярной системы управления контентом, то есть WordPress.

В случае последующих заголовков нет таких строгих правил, вы можете использовать их столько, сколько вам нужно, со здравым смыслом и иерархией. Не используйте заголовки вместо списка, если у следующих элементов списка нет содержимого под ними. Кроме того, они не должны использоваться для меню. Заголовки должны содержать ключевые слова, по которым мы позиционируемся в контенте. Конечно, вы не можете переусердствовать, но лучше добавить одно ключевое слово, чем у вас его нет , особенно в самых важных заголовках. Нецелесообразно включать в них ссылку на текущую страницу. Они должны быть логичными, грамматически правильными, легко сканироваться устройствами для слепых и иметь отношение к тексту, который им предшествует. Порядок следует сохранить, но при необходимости вы можете оставить его - если есть какие-то менее важные элементы перед основным контентом (например, левая боковая панель), вы можете использовать их в h2 до первого h1, использованного непосредственно перед основным контентом , В конце оптимизации стоит использовать инструменты для анализа семантики страницы проверить, правильно ли используются заголовки.

Спецификация HTML5 утверждает, что h1 может служить заголовком для каждого последующего раздела на странице («Разделы могут содержать любые заголовки, но также использовать элементы соответствующего ранга для уровня вложенности раздела». ). Поэтому их может быть до десятка. Однако это, по-видимому, вызвало проблемы, поскольку в спецификации HTML5.1 в том же предложении часть о h1 исчезла, и единственным предложением было использование заголовков высоты, подходящих для вложения разделов в отдельных разделах. Следует отметить, что и HTML5.1, и даже HTML5.0 являются языками, которые еще не вступили в силу, и работа над ними будет завершена только в ближайшие годы.

Ниже приведен пример того, как вы можете выбрать отдельные элементы для выделения заголовками (нажмите, чтобы увеличить):

Мы использовали немного другой макет нашего блога, чем в приведенном выше примере. H1 содержит логотип и заголовок статьи, h2 - заголовки статей на главной странице и заголовок для комментариев на подстраницах, h3, в свою очередь, содержит заголовки последующих виджетов на боковой панели. Другие блоги и страницы позиционирования используют заголовки различными способами:

Адрес веб-сайта H1 на главной странице и подстраниц H2 на главной странице и подстраниц antyweb.pl на главной странице отсутствует,
в статье - ее название по основному названию статьи,
в статье - отсутствие www.lexy.com.pl, отсутствие заголовков статей и виджетов в боковой панели, название блога seo.zgred.pl и заголовки статей по главному названию подстраниц,
в основном блоге и в статьях - нет blog.seo-profi.pl, название блога, заголовки статей и отделов www.blog.gdaq.pl за основной недостаток,
в статье - ее название, заголовки и подзаголовки статей и виджетов в боковой панели www.cezzy.pl за основной недостаток,
в статье - названия заголовков статей и виджетов на боковой панели www.planeta-seo.pl названия блогов заголовков статей blog.shpyo.net за основной недостаток,
в статье - ее заголовок по основному недостатку (есть только h3 - заголовки статей), в статье - подзаголовки googlewebmastercentral.blogspot.com без даты статьи и заголовки виджетов (заголовки статей только в h3 ) www.seomoz.org/blog название блога и названия статей, подзаголовки статьи www.seo.com/blog/ на главном названии блога,
в статье - ее название по основному названию статьи,
в статье - подзаголовки

Разнообразие решений поражает воображение, а также то, что многие из этих веб-сайтов не пользуются заголовком h1 , включая официальный блог Google, который содержит советы для веб-мастеров (так!).

Когда речь идет о крупнейших интернет-магазинах, каждый из проверенных (merlin.pl, www.agito.pl, www.euro.com.pl, allegro.pl и www.empik.com) в h1 поместил название продукта или подкатегорию магазина (в зависимости от с подстраницы), и два из них, кроме названия магазина. На главной странице, однако, все положить название магазина.

Развитие языка HTML направлено на лучшую презентацию семантические аспекты содержания в структуре кода. Следующие версии HTML содержат все больше и больше тегов, указывающих на то, что их содержание больше: strong , em , cite , аббревиатура или множество последних версий HTML5, таких как: заголовок , нижний колонтитул , статья , навигация . С точки зрения набора тегов заголовков, используемых долгое время, от h1 до h6, ситуация не изменилась. Их следует использовать, помня об их специальном использовании.

Похожие

Комментарии