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


Хотя теги заголовков прекрасно выполняют свою роль в процессе поисковой оптимизации, они могут испортить внешний вид сайта. Эти теги присутствовали в коде с момента появления языка HTML.

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

Добавьте в тег header следующий код:



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


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





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

Эти теги действуют следующим образом:

Teкст с интенсивным логическим выделением. В популярных браузерах отображается полужирным начертанием.

Текст с логическим выделением.

В популярных браузерах отображается курсивом.

- Выделение полужирным начертанием
- Выделение курсивом
- Выделение подчеркиванием

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

С помощью тега "стронг" делайте интенсивное логическое выделение важного текста. Если вы хотите выделить идею, которую нужно донести до читателя, то поместите ее в контейнер. С помощью тега логически выделяйте важные части текста сайта.


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



Применяйте теги и , если вам просто нужно выделить текст полужирным начертанием или курсивом. Они отличаются от тегов логической разметки "стронг" и тем. что не несут в себе никакой семантической нагрузки. Эти теги выполняют исключительно оформительскую функцию. Тег "U /" используют для подчеркивания текста. Так же как и тег и , он не предназначен для выделения семантически важного текста.

Хотя данные теги вряд ли окажут некое ощутимое воздействие на повышение рейтинга сайта в поисковых системах, важно понимать, что поисковая оптимизация — это совокупность подходов и приемов, и потому только использование всех техник сразу может привести к положительному результату.

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

Добавьте нижеследующий код в тег header:



Теперь каждый раз при использовании тега "STRONG /" текст будет выделен полужирным начертанием шрифта Arial, красным цветом и иметь размер 25 пикселов. Подобные изменения полезны, когда нужно сохранить единство стиля вашего сайта. Если вы хотите логически (но не визуально) выделить определенный отрезок текста, добавьте следующий код в тег header:



Теперь каждый раз при вводе в текст тегов-модификаторов "STRONG /" или форматирование текста не будет меняться. Однако при этом текст по-прежнему логически выделен, и поисковые системы распознают выделенные участки контента.

Хотя теги header прекрасно выполняют свою роль в поисковой оптимизации, они не всегда кажутся привлекательными реальным посетителям и могут испортить внешний вид сайта. Поэтому используйте творческий подход )))




Маргарита Акулич. Интернет-маркетинг: учебник для бакалавров

Еще советуем: