Strong html что это
Strong html что это
HTML — это язык разметки гипертекста. С его помощью мы сообщаем браузеру, какие элементы веб-страницы ему предстоит отобразить. Если ранее он отображал только визуальные элементы и текст, то сегодня язык HTML способен передавать и смысловую нагрузку наполнения страницы. Для этого разработчики используют специальные элементы для форматирования текста.
Текст форматируется по трем причинам:
В спецификации W3C все теги HTML размещены в двух разделах. и находятся в разделе «Структурированный текст». Это значит, что они определяют внешний вид, а также учитываются специальными программами, которые предназначены для изменения интонации и громкости.
Внешний вид необязательно будет жирным или курсивом. Он может регулироваться стилями CSS, но по-прежнему передавать браузеру значение большей важности выделенного тегами текста, относительно другого. и вынесены в раздел «Форматирование» и указывают браузеру, как отобразить фрагмент текста.
Со стороны поисковых систем нет существенных указаний, как использовать основные теги HTML для оптимизации страниц. Сотрудники Google отрицают какую-либо разницу и разрешают использовать любые из них. Тем не менее трансформация алгоритмов дает повод усомниться.
Миссия поисковых систем — предоставить релевантный результат в ответ на запрос пользователя. Для этого они пытаются понять смысл того, что вы публикуете на своих страницах. Использование семантических тегов упрощает эту задачу. Они обращают внимание поисковых роботов на слова и фразы, которые помогают им определить, к какому запросу, вероятнее всего, принадлежит страница.
Однако существуют рекомендации W3C:
В HTML5 тег используйте для особо важных фрагментов. Это наиболее актуально:
Тег используйте для выделения:
Задано предложение: «Кошки — милые животные». В зависимости от того, где поставлен тег изменится смысл.
« Кошки — милые животные» — если кто-то утверждает, что милы другие животные.
«Кошки — милые животные» — Если кто-то утверждает, что кошки — противные животные.
«Кошки — милые животные » — Если кто-то утверждает, что кошки — милые овощи.
Strong html что это
Элемент сильной значимости ( ) указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.
| Категории контента | Потоковой контент, Фразовый контент, явный контент. |
|---|---|
| Разрешённый контент | Фразовый контент. |
| Опускание тегов | Нет, должен иметь как начальный тег, так и конечный тег. |
| Разрешённые родители | Любой элемент, который принимает фразовый контент, или любой другой элемент, который принимает потоковой контент. |
| Разрешённые ARIA-роли | Любые |
| DOM-интерфейс | HTMLElement |
Атрибуты
Этот элемент включает в себя глобальные атрибуты.
Замечания по использованию
Элемент предназначен для контента, который имеет «большое значение», включая вещи большой серьёзности или срочности (например, предупреждения). Это может быть предложение, которое имеет большое значение для всей страницы, или вы можете просто попытаться указать, что некоторые слова имеют большее значение по сравнению с соседним контентом.
Другим приемлемым использованием для является обозначение ярлыков абзацев, которые представляют заметки или предупреждения в тексте страницы.
_против_» title=»Permalink to против «> против
Не совсем. Элемент для контента, который имеет большее значение, в то время как элемент используется для привлечения внимания к тексту, не указывая на то, что это более важно.
_против_» title=»Permalink to против «> против
Добавление к путанице заключается в том, что, хотя HTML 4 определяет как просто указывающий на более сильный акцент, HTML 5 определяет как представляющий «большое значение для его содержимого». Это важное различие.
В то время, как используется для изменения значения предложения, поскольку делается устный акцент («Я люблю морковь» против «Я люблюморковь«), используется, для придания предложению порции особого значения (например, «Предупреждение! Это очень опасно.«) Оба элемента и могут быть вложены для увеличения относительной степени важности или усиленного акцента, соответственно.
Тег strong в текстах: что нужно знать копирайтеру о полужирном выделении?
Основная проблема копирайтеров – им не всегда везет с грамотными заказчиками-профессионалами. Это значит, что нередко поступают ТЗ с устаревшей SEO-информацией, которая может только навредить текстам. Чтобы этого не происходило, хорошему копирайтеру желательно самому постоянно крутиться в мире SEO: читать про основы продвижения, проходить курсы у классных учителей, общаться на специализированных форумах. Тогда можно будет оперативно получать информацию о постоянно меняющихся алгоритмах поисковиков и узнавать разные полезные мелочи. Вот возьмем банальщину – тег strong в текстах. Нужен ли он? Как влияет на оптимизацию? Может ли из-за него сайт попасть под бан? Столько вопросов…
Когда используется тег strong?
Ответы на все вопросы стоит искать в азах HTML, а также в специфических отношениях поисковых систем к анализу статей на сайтах. Итак, пробежимся по азбучным истинам.
Для выделения текста полужирным используется тег b и тег strong. Эти теги парные. Слово, ключевой запрос или пассаж обрамляются при помощи открывающего и закрывающего тега, что в результате дает желаемое выделение текстового блока. Разница между тегами b и strong значительна.
Тег strong относится к тегам логической разметки, то есть не только обеспечивает конструкции полужирное выделение, но и подчеркивает важность помеченного текста. На тег стронг обращают внимание роботы поисковых систем, «считывая» со статей ключи и значимые фразы. Что же касается тега b, то он является тегом физической разметки и отвечает только за полужирное выделение.
Получается, оба эти тега для пользователя абсолютно равнозначны, но для анализирующих сайты роботов – нет. В этом и кроется основная проблема, так как нормальное количество стронгов в текстах могут поднять сайт в ранжировании, а вот излишек – подвести под бан.
Как часто можно использовать тег стронг в тексте?
Чтобы ответить на поставленный выше вопрос, необходимо понять: нужен тег вообще, или он как элемент продвижения он себя уже изжил. Сергей Кокшаров (он же известный всем seo-волшебник devaka) считает, что тег strong использовать не нужно и, более того, он способен даже навредить сайту при чрезмерном или неаккуратном применении. Да, когда-то w3c рекомендовали использовать тег стронг вместо b и повышать позиции выдачи сайта. Но это в прошлом. Сегодня тег strong лучше избегать, заменяя его иными способами полужирного выделения. Но об этом позже.
Аналогичных рекомендаций придерживаются и модераторы Яндекса, готовые дать сайтам с избытком стронгов вот такую резолюцию:
Такие ответы – гарантия, что сайт не возьмут в каталог Яндекса, а также отметят как потенциальный ресурс для бана.
Однако не стоит хвататься за голову и экстренно удалять все имеющиеся теги с сайта. Это излишне. Умеренное наличие тега strong и использование его только для значимых ключевых запросов не ударит по имиджу интернет-ресурса. Ко всему стоит подходить разумно.
Как использовать тег стронг для текстов сайта?
Теперь рассмотрим непосредственно тег strong для копирайтера. Когда при работе с текстом заказчик просить выделить ключи и значимые моменты полужирным шрифтом, к решению задачи нужно подойти со всей тщательностью. А именно:
Про теги для копирайтеров у меня уже была очень полная и интересная статья с познавательными комментариями и доступной инфографикой. Рекомендую ознакомиться: http://kaverina80.ru/tegi-dlya-kopirajtera-html-tegi-zagolovkov-spiskov-abzacev-i-formatirovaniya/
Ошибки применения тега стронг
Первая и основная уже названа – переоптимизация за счет чрезмерно частого использования тега логической разметки. Но есть и другие огрехи, которые встречаются при оформлении текстов:
Возникнут проблемы также и в том случае, если безоглядно довериться редакторам Ворда или Вордпресса. Первый обеспечит текст кучей ненужного мусора, второй же везде проставит тег стронг, не вникая в специфику логической и физической разметки и уже тем более не беспокоясь о стилях.
Поэтому лучший вариант самостоятельно отслеживать каждое применение тега, чтобы точно знать, как и каким способом было осуществлено полужирное выделение и не нанесет ли это вред сайту.
Отклик, который пришел на статью практически сразу, уведомил, что все эти исследования и рассуждения бессмысленны. Источник – авторитетный, но раскрывать его смысла не вижу.
«Это информация не просто устаревшая, а лет так на 10 устаревшая. Алгоритмы, плюющие на такие приемы SEO, в том же Яндексе сделали еще в
2008 году. Современным поисковым машинам вообще по фигу, какими тегами размечен текст».
Вывод: все теги – полная бессмыслица, оформляйте тексты так, как хочется и не обращайте ни на что внимание))))
HTML5: старые теги нового назначения
Если раньше все учебники по вёрстке пестрили фразами вроде «используйте вместо », и это было наполовину верно, то сегодня такая привычка может сыграть злую семантическую шутку. А дело всё в том, что авторы HTML5 предлагают использовать для выделения отрывков текста с целью обратить внимание читателя, однако не подразумевая усиления значимости текста или интонации. Спецификация приводит примеры использования для разметки ключевых слов в документе
The frobonitor and barbinator components are fried.
и лидов (первый абзац статьи в журналистике)
Kittens ‘adopted’ by pet rabbit
Six abandoned kittens have found an unexpected new mother figure — a pet rabbit.
Veterinary nurse Melanie Humble took the three-week-old kittens to her Aberdeen home.
В свою очередь , как и раньше, означает повышенную значимость своего содержимого.
Отныне содержит текст, выбивающийся из общего окружения, но не имеющий эмоциональной окраски. На мой взгляд, логично использовать там, где типографская традиция предполагает курсив (например, слова на иностранном языке, термины и др.)
Per aspera ad Astra — в переводе с латыни изречение означает «Через тернии к звёздам».
же означает эмфатическое ударение, эмоциональный акцент на данном отрывке текста. Это тот случай, когда в речи мы выделяем слова голосом (интонацией, громкостью и др.)
Казнить нельзя, помиловать.
Внимательно читайте договор!
«Текст мелким шрифтом» (информация, являющаяся юридической формальностью, как то лицензия предприятия или юридический адрес и др.) мы, как правило, размечали элементом с классом, задающих в визуальных ПА более мелкий шрифт. Теперь же в нашем арсенале появился новый старый семантический элемент — .
Элементы i, b, em и strong
В то время как многие элементы из HTML4 вошли в HTML5 без существенных изменений, некоторые исторически презентационные элементы обрели новую семантику.
Давайте посмотрим на и и сравним их с семантическими преемниками — и . Что получается:
Новая семантика презентационных элементов Скопировать ссылку
В HTML4 элементы и были презентационными. Они по-прежнему могут использоваться там, где этого требует типографская традиция. Тем не менее, теперь они обрели семантику и могут быть оформлены при помощи CSS, что делает их не только презентационными — элемент , например, совсем не обязательно должен быть полужирным. Поэтому для обозначения смысловой нагрузки элементов рекомендуется использовать классы; это позволит легко изменить внешний вид элементов в дальнейшем.
Элемент Скопировать ссылку
Элемент представляет собой фрагмент текста с дополнительным выделением или же экспрессивно-эмоциональным сдвигом относительно обычного текста (то, что обычно обозначается курсивом в типографике).
Обычно обозначаются курсивом: иностранные слова (с атрибутом lang ), таксономия и технические термины, названия кораблей, пометки в сценариях, нотное письмо, вставки размышлений или рукописного текста. Пример:
В указанном примере элемент используется для обозначения внутреннего диалога персонажа, произнесённого в другом тоне.
Элемент используется в этом примере для обозначения «идиоматических фраз из другого языка» (японских слов). Полный список значений атрибута lang вы можете найти в официальном списке IANA; или же вы можете воспользоваться замечательным сервисом по поиску языковых обозначений от Ричарда Исиды из W3C.
Элементом в данном примере обозначается таксономическая единица.
Элемент Скопировать ссылку
Элемент представляет собой фрагмент текста, который выделяется из окружающего его контекста, но не передает никакого особого значения. Это, например, ключевые слова в выдержках, названия продуктов в обзорах или другие части текста, которые по правилам типографики обычно выделяются полужирным начертанием.
Для текста, обрамленного в (который должен просто отличаться от основного), нет необходимости использовать font-style: bold — можно обратиться к другим стилям: скруглённому фону, большему размеру шрифта, другому цвет или особому форматированию типа капители. К примеру, в приведенном выше отрывке, используется для указания на того, кто говорит или рассказывает.
Текст, который набран полужирным по типографским соглашениям (а совсем не потому, что он более важен) может использоваться для выделения имён в голливудских сплетнях или в качестве вводного текста для сложных или оформленных в классическом стиле текстов:
Используйте только тогда, когда нет ничего более подходящего, например: для текста с семантической важностью, для акцентированного текста (с «логическим ударением»), элементы от
…и для сравнения: элементы и Скопировать ссылку
Хотя и остались практически такими же, как были, в их значении всё же произошли некоторые изменения. В HTML4 они означали «акцент» и «сильный акцент». Сейчас их значение несколько видоизменилось: обозначает экспрессивно-эмоциональное выделение (т.е. нечто, произнесённое иначе), а обозначает важность.
Элемент Скопировать ссылку
Элемент обозначает часть текста с эмфатическим ударением.
Термин «ударение» имеет отношение к лингвистике. Ударение изменяет эмоциональную окраску слова, что, в свою очередь, может изменить смысл предложения. Например, фраза «Быстро позови доктора!» акцентирует важность того, чтобы позвали именно доктора — возможно, в ответ на чей-то вопрос «Мне позвать сестру?» Напротив, фраза «Быстро позови доктора!» акцентирует важность немедленного вызова.
Используйте в других случаях для обозначения важности и для курсивного начертания без эмоциональной окраски. Уровень вложенности обозначает силу акцентирования.
Элемент Скопировать ссылку
Элемент обозначает часть текста с высокой важностью.
Добавить, в общем-то, и нечего — элемент хорошо всем нам знаком. Используйте вложенные элементы для обозначения относительной важности, для эмфатического ударения и для стилистически выделенных или просто полужирных фрагментов текста без подчёркнутой важности.
Резюмируя… Скопировать ссылку
И последнее: все эти элементы (как и большинство HTML5-элементов) намеренно были сделаны медиа-независимыми, т.е. их семантика теперь не привязана к отображению в визуальных браузерах.
Что же мы имеем? Две презентационных дворняжки из HTML4 превратились в полноценные, насыщенные смыслом HTML5-элементы, готовые снова вернуться в ваш код. Сможете ли вы устоять перед их блестящими, полными семантики щенячьими глазками? Дайте нам знать!