Html теги для форматирования текста

Форматирование текста HTML-документа позволяет поисковым системам понять, какие слова важны по смыслу, по каким из них предпочтительней ранжировать веб-страницу в поисковой выдаче.

Помимо заголовков, существуют другие HTML теги, меняющие текст, к ним относятся: STRONG, EM, B, I, U. Часть из них, как и заголовки, влияют на поисковую оптимизацию, но в меньшей степени.

Внешне, эти HTML теги действуют следующим образом:

  • STRONG – тег полужирного начертания.
  • EM – выделение курсивом.
  • B – выделяет текст полужирным начертанием.
  • I – выделение курсивом.
  • U – подчеркивание.

HTML теги STRONG и B, EM и I не совсем взаимозаменяемы, хотя результат их применения выглядит одинаково. Тег B относится к тегам физической разметки, он придает тексту жирное начертание, а STRONG – логической разметки, указывает на важность текста.

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

Если теги заголовков разбивают контент на логические части, то тегами форматирования выделяют ключевые фразы.

Заключайте в STRONG и EM текст, на который делается акцент – логическое выделение.

B и I используйте тогда, когда вам просто необходимо выделить фрагмент текста. Они отличаются от STRONG и EM тем, что не несут логической нагрузки, используются только для оформления.

Что же касается тега U, то он, как B и I, не выделяет семантически текст, а служит только для его подчеркивания.

Форматирование текста на практике

Откройте в html-редакторе любую веб-страницу с текстом. Найдите интересующие вас фразы и поместите их в STRONG, EM, B, I и U.

HTML-теги

Визуально, указанная на изображении страница могла бы выглядеть так.

форматирование текста

Хотя, фразы «Работа на дому» и «заработок в Интернете» выделены полужирным начертанием, логическую разметку — тег STRONG, имеет первая из них, следовательно, для ПС она важнее второй, заключенной в теги B. Точно так же обстоят дела с тегами EM и I.

CSS и HTML теги

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

HTML-теги

Если прописать в HTML-документе, изложенные на рисунке правила, то слова, выделенные STRONG, будут написаны шрифтом Arial размером 20 пикселей зеленым цветом.

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

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

HTML теги вряд ли окажут ощутимое влияние на ранжирование страницы в результатах поисковой выдачи. Важно понимать, SEO – совокупность приемов и подходов, которые, при использовании всех техник сразу, могут обеспечить положительный эффект.


Добавить комментарий

Имя (обязательно)