Что такое strong

programmerbook.ru

Новая семантика презентационных элементов

В HTML4 элементы <i> и <b> были презентационными. Они по-прежнему могут использоваться там, где этого требует типографская традиция. Тем не менее, теперь они обрели семантику и могут быть оформлены при помощи CSS, что делает их не только презентационными — элемент <b>, например, совсем не обязательно должен быть полужирным. Поэтому для обозначения смысловой нагрузки элементов рекомендуется использовать классы; это позволит легко изменить внешний вид элементов в дальнейшем.

Элемент <i>

Элемент <i> представляет собой фрагмент текста с дополнительным выделением или же экспрессивно-эмоциональным сдвигом относительно обычного текста (то, что обычно обозначается курсивом в типографике)

Спецификация W3C

Обычно обозначаются курсивом: иностранные слова (с атрибутом lang), таксономия и технические термины, названия кораблей, пометки в сценариях, нотное письмо, вставки размышлений или рукописного текста. Пример:

  	<blockquote cite="http://www.trussel.com/bladerun.htm">  	 <ol class="script semantic-list">  	 <li>  	 <b class="character">Декард</b>:  	 Шевелись! Прочь с дороги!  	 </li>  	 <li class="action">  	 Декард стреляет и убивает Зору  	 в драматической замедленной сцене.  	 </li>  	 <li>  	 <b class="character">Декард</b>:  	 <i class="voiceover">В отчёте это будет выглядеть  	 рутинным устранением двойника, что, однако, совсем  	 не поможет мне чувствовать себя лучше после выстрела  

   	 женщине в спину. И снова. Жалость где-то внутри.  	 К ней, к Рэйчел.</i>  	 </li>  	 <li>  	 <b class="character">Декард</b>:  	 Декард. Б-263-54.  	 </li>  	 </ol>  	</blockquote>  

В указанном примере элемент <i class="voiceover"> используется для обозначения внутреннего диалога персонажа, произнесённого в другом тоне.

  	<blockquote>  	 <p>  	 Прошлой ночью мы ели  	 <i lang="ja-cyrl" title="угорь">унаги</i>,  	 <i lang="ja-cyrl" title="копчёный лосось">абури-заке</i> и  	 <i lang="ja-cyrl" title="осьминог">тако</i>, а все  	 <i lang="ja-cyrl" title="тунец">торо</i> суши кончились.  	 </p>  	</blockquote>  

Элемент <i lang="ja-cyrl"> используется в этом примере для обозначения «идиоматических фраз из другого языка» (японских слов). Полный список значений атрибута lang вы можете найти в официальном списке IANA; или же вы можете воспользоваться замечательным сервисом по поиску языковых обозначений от Ричарда Исиды из W3C.

  	<blockquote cite="http://en.wikipedia.org/wiki/Nanotyrannus">  

   	 <p>  	 <i class="taxonomy">Nanotyrannus</i> («карликовый тиран»)  	 принадлежит к семейству тиранозавров, и, возможно, является  	 юной особью <i class="taxonomy">тиранозавра</i>.  	 Его череп, ныне находящийся в КМЕ (Кливлендском Музее  	 естествознания), был найден Чарльзом Гилмором в 1942-м  	 году, описан им же в 1946-м. Гилмор обозначил его  	 как представителя нового вида   	 <i class="taxonomy">Gorgosaurus lancensis</i>.  	 </p>  	</blockquote>  

Элементом <i class="taxonomy"> в данном примере обозначается таксономическая единица.

Используйте <i> только в том случае, когда не удаётся найти ничего более подходящего: <em> для фрагментов с экспрессивно-эмоциональным выделением, <strong> для смысловой важности, <cite> для имён при цитировании или в библиографии, <dfn> для определений и <var> для математических переменных. Однако для придания курсивного начертания таким блокам текста, как ремарки, стихотворные строфы и цитаты, используйте CSS . Не забывайте использовать атрибут class для задания функциональной роли элемента — это позволит с легкостью переопределить стили в дальнейшем. К примеру, вы можете сделать выборку по атрибуту lang

Элемент <b>

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

Спецификация W3C

Для текста, обрамленного в <b> (который должен просто отличаться от основного), нет необходимости использовать font-style:bold — можно обратиться к другим стилям: скруглённому фону, большему размеру шрифта, другому цвет или особому форматированию типа капители. К примеру, в приведенном выше отрывке, <b class="character"> используется для указания на того, кто говорит или рассказывает.

Текст, который набран полужирным по типографским соглашениям (а совсем не потому, что он более важен) может использоваться для выделения имён в голливудских сплетнях или в качестве вводного текста для сложных или оформленных в классическом стиле текстов:

  	<p class="sub-versal">  	 <b class="opening-phrase">Было около часу</b>,  	 когда Шерлок Холмс вернулся с прогулки.  	 Он держал в руках листок голубой бумаги,  

   	 исчирканный заметками и рисунками.  	</p>  

В данном примере буквица соединяется с текстом при помощи <b class="opening-phrase">. Для ее создания используется псевдо-элемент :first-letter. В этом случае открывающая фраза выделена полужирным только из оформительских соображений, но если бы этот фрагмент был семантически важен, то <strong> или другой подобный элемент подошли бы лучше.

  	<p class="versal">  	 Просматривая свои записи о приключениях Шерлока Холмса, —  	 а таких записей, которые я вел на протяжении последних восьми  	 лет, у меня больше семидесяти, — я нахожу в них немало  	 трагических случаев, есть среди них и забавные, есть  	 и причудливые, но нет ни одного заурядного.  	</p>  

Несмотря на то, что мы можем использовать <b> для традиционного типографического оформления вроде выделения капителью первого слова, фразы или предложения, псевдо-элемент :first-line больше подходит для таких целей. Например, все первые абзацы HTML5Doctor.com оформлены при помощи элегантного :first-of-type.

Используйте <b> только тогда, когда нет ничего более подходящего, например: <strong> для текста с семантической важностью, <em>

…и для сравнения: элементы <em> и <strong>

Хотя <em> и <strong> остались практически такими же, как были, в их значении всё же произошли некоторые изменения. В HTML4 они означали «акцент» и «сильный акцент». Сейчас их значение несколько видоизменилось: <em> обозначает экспрессивно-эмоциональное выделение (т.е. нечто, произнесённое иначе), а <strong> обозначает важность.

Элемент <em>

Элемент <em> обозначает часть текста с эмфатическим ударением.

Спецификация W3C

Термин «ударение» имеет отношение к лингвистике. Ударение изменяет эмоциональную окраску слова, что, в свою очередь, может изменить смысл предложения. Например, фраза «Быстро позови доктора!» акцентирует важность того, чтобы позвали именно доктора — возможно, в ответ на чей-то вопрос «Мне позвать сестру?» Напротив, фраза «Быстро позови доктора!» акцентирует важность немедленного вызова.

Используйте <strong>

Элемент <strong>

Элемент <strong> обозначает часть текста с высокой важностью.

Спецификация W3C

Добавить, в общем-то, и нечего — элемент <strong> хорошо всем нам знаком. Используйте вложенные элементы <strong> для обозначения относительной важности, <em> для эмафтического ударения и <b> для стилистически выделенных или просто полужирных фрагментов текста без подчёкнутой важности.

web-standards.ru

strong 1. прил. 1) а) сильный, обладающий большой физической силой He is as strong as a horse. — Он силен, как буйвол. Syn: hardy, muscular, powerful, stalwart, sturdy, tough Ant: powerless, weak б) крепкий, .

otvet.mail.ru

Массовое использование тега <strong>

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

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

Другими словами, только самые важные элементы по тексту, необходимо выделять этим тегом. Есть даже определенное правило – не более 4-5 выделений по тексту статьи, в соотношении величины статьи 4000-5000 символов. Примерно 1 выделение на 1000 символов.

Если рассматривать мой блог в качестве примера, то вот какой принцип выделения текста был у меня ранее:

Как видите, я старался как можно более ключевых слов и их вариаций выделить тегом <strong>, а также использовал этот тег для выделения, на мой взгляд, важных моментов по тексту статьи. Бывали случаи, когда количество таких выделений доходило до 40-50 штук на статью размером 5000-6000 символов!

И если Яндекс, пока еще на это закрывает глаза, то поверьте мне что Google, может очень серьезно наказать ваш ресурс за излишний переспам. Что собственно говоря и произошло в случае с моим блогом. Здесь конечно, нельзя винить один только этот тег, но я думаю, что эта ошибка вместе с остальными и сыграла свою заключительную роль.

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

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

1) Использование тега <strong> в минимальном количестве на странице сайта. В среднем это значение должно соответствовать формуле 1 выделение на 1000 символов.

2) Вместо тега <strong> использовать тег <b>, который является элементом физической разметки и устанавливает жирный текст. Этим тегом, вы точно не навредите сайту! Но стоит отметить, что он является уже устаревшим и используется, как правило, на старых сайтах.

3) Вариант с использованием тега <span> который, я применяю у себя на блоге. После долгих раздумий, что же использовать на своем ресурсе, для выделения важных моментов, на которые я хочу обратить внимание своих читателей, было принято решение использования тега <span>, как абсолютно безопасного, и универсального тега.

Теперь для выделения нужного мне слова или словосочетания, я делаю вот такую вставку:

<span style="font-weight: bold;">нужное слово для выделения</span>

и визуально результат получается точно такой же, как и с применением тега <strong>.

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

Вот и все, о чем я хотел рассказать в данной статье. Обязательно посмотрите на свои сайты друзья, со стороны и если подобная проблема у вас существует, то исправляйте ее.

Ну, а теперь давайте перейдем к приятным вещам, и я объявлю победителей ежемесячного конкурса комментаторов:

Поздравляю вас ребята и жду на свой e-mail, ваши R-кошельки и логины от хостинга AdminVPS (тот, кто получал бонус на хостинг, присылает только номер кошелька).

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

Ну все, буду заканчивать. Всем пока!

www.seofive.ru

Какой тег лучше использовать с точки зрения SEO, <strong> или <b>, <em> или <i>? До сих пор ряд оптимизаторов считают, что использовать теги <strong> и <em> лучше при форматировании текста на сайте. Тут необходимо прояснить несколько моментов.

1. W3C рекомендует использовать тег strong вместо b, однако это всего-лишь рекомендации, не стандарты. То же самое по поводу тега em.

2. Поисковые системы и пользователи не видят разницы в тегах выделения жирным и наклонными шрифтами.

Для Google этот момент прокомментировал Мэт Катс (в одном из видео).

Недавно поднимался вопрос среди вебмастеров, в котором спросили, что лучше использовать, тег <b> или лучше было бы <strong>; ситуация неясна, так как раньше все использовали <b>, а W3C рекомендует использовать <strong>. Не стоит безпокоиться об этом!

Прелесть в том, что, фактически, инженер показал мне кусок кода, где я видел сам, что Google дает тегам bold и strong один и тот же вес (спасибо Паул, я весьма благодарен!). Вдобавок, я проверил, он также нашел код, который показал, что em и i обрабатываются также одинаково.

Теперь вы знаете что делать — верстайте так, как рекомендует W3C, делайте код семантически верным и не безпокойтесь о своих старых тегах, так как Google поддерживает их и обрабатывает абсолютно одинаково.

Более того, вы можете использовать и те и другие теги одновременно, выделяя их разными стилями с помощью CSS. Например, на страницах сайта 5pages.net (к примеру стр. 200 лет Гоголю) успешно используются и те и другие теги.

Для Яндекса официальной информации об этих тегах не найдено, однако, Константином Рощупкиным был проведен эксперимент, в котором он утверждает, что strong и em лучше, чем b и i. С моей точки зрения, эксперимент не доведен до конца, так как стоило дождаться полной индексации, потом поменять теги в документах и посмотреть на результаты после переиндексации. Если бы страницы встали в той же последовательности, что и раньше, тогда можно было бы 100% утверждать приоритеты тегов, однако, на данный момент, по своему опыту, скажу, что разницы в этих тегах совершенно нет и для Яндекса тоже!

Выводы

1. Выделяйте в теги ключи, а если необходимо просто выделить неключевую фразу жирным шрифтом, тогда используйте CSS стиль font-weight:bold;. Например на сайте www.pereezd-master.ru заголовки выделены с помощью strong.

Однако, правильней было бы выделить заголовки соответствующими тегами Hx, а strong использовать для ключевых фраз на странице, делая страницы более релевантными этим ключам.

То же самое касается и тега em, — используйте его для ключевых фраз, а не для выделения текста типа “Добро пожаловать” или “только этой весной у нас скидки”.

2. Не используйте вложенные конструкции одинаковых тегов

<strong><b>ключевое слово</b></strong>

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

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

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

4. Используйте strong и em по рекомендациям W3C, но не заморачивайтесь на изменении тегов своих старых страниц, так как это не стоит потеряного времени.

devaka.ru

Лучшие статьи читаем:

Перелинковка сайта Статейное продвижение Теги слишком длинные Dofollow блоги