Тег strong


Как тег <strong> может повлиять на продвижение сайтаЗдравствуйте уважаемые посетители моего блога. В этой статье, я хочу рассказать вам об одной важной особенности продвижения сайтов, которую используют практически все Вебмастера, но далеко не все знают о том, какой вред может принести эта особенность. Сразу хочу отметить, что те приемы, которые мы будем рассматривать сегодня, больше относятся к поисковой системе Google, но как мне кажется, Яндекс тоже через некоторое время будет ее учитывать, и при обнаружении, серьезно наказывать владельцев определенных сайтов или блогов. Ну, что же, давайте будем переходить к конкретике, и рассмотрим одну из самых основных ошибок, которую так часто допускают Вебмастера (и я в том числе, до недавнего момента) при продвижении своих или клиентских ресурсов.

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


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

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

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

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

пример статьи с тегом <strong>

Как видите, я старался как можно более ключевых слов и их вариаций выделить тегом <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>.

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

выделение текста в исходном коде страницы

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

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

победители конкурса комментаторов за октябрь 2014 года

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

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


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

www.seofive.ru

Выделение фрагментов текста. Теги strong и em.

Самым важным средством HTML применяющемся для выделения важных фрагментов текста является тег <STRONG>. Он выделяет текст полужирным шрифтом. Выделять текст полужирным шрифтом умеет также тег <b>. Хоть теги <strong> и <b> похожи по своему действию, но они не являются эквивалентными. Тег <b> является тегом физической разметки и просто устанавливает полужирное начертание текста. А <strong> является тегом логической разметки и отмечает важность выделенного текста. Тег <strong> имеет более важное значение при поисковой оптимизации сайта и его содержимое имеет больший вес для поисковиков.

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


<p><strong>HTML</strong> (от англ. <em>HyperText Markup Language</em> — «язык разметки гипертекста»; произносится эйч-ти-эм-эл) — стандартный <i>язык разметки документов</i> во <b>Всемирной паутине</b>.</p>

И выглядит это так:

Тег strong

Применим теги <strong> и <em> на нашей страничке из предыдущих статей:

<h1>Сайт об автомобилях.</h1>
<p>Добро пожаловать на наш автомобильный сайт. Здесь Вы найдете много интересных и полезных статей об автомобилях, об их технических характеристиках и особенностях.</p>
<p>Научным языком <strong>автомобиль</strong> это:</p>
<p><em>Механическое моторное безрельсовое дорожное транспортное средство минимум с 4 колёсами</em>.</p>
<hr>
<h2>Классификация автомобилей</h2>
<p>Автомобили бывают следующих типов:</p>
<ul>
<li>Легковой;</li>
<li>Грузовой;</li>
<li>Внедорожник;</li>
<li>Багги;</li>
<li>Пикап;</li>
<li>Спортивный;</li>
<li>Гоночный.</li>
</ul>


Результат:

Тег strong

Кроме элементов <strong>, <b>, <em> и <i> в HTML имеется множество тегов для оформления текста html документа. Привожу краткий список таких тегов:

  • <abbr> — Аббревиатура. по умолчанию в браузере отображается подчеркнутым;
  • <acronym> — Акроним. В отличие от аббревиатуры обозначает устоявшееся сокращение. Отображается подчеркнутым;
  • <cite> — небольшая цитата, отображается курсивом;
  • <code> — фрагмент исходного кода программы, отображается моноширинным шрифтом;
  • <del>— отмечает текст, удаленный из Web-страницы, отображается зачеркнутым;
  • <dfn> — обозначает новый термин в документе, отображается курсивом;

  • <ins> — используется для выделения текста, который был добавлен в новую версию документа, отображается подчеркнутым;
  • <kbd> — применяется для выделения данных вводимых с клавиатуры, либо для названия клавиш, выводится моноширинным шрифтом;
  • <q> — используется для выделения цитат, содержимое автоматически помещается в кавычки;
  • <samp> — обозначает данные, выводимые какой-либо программой, отображается моноширинным шрифтом;
  • <tt> — фактически тоже самое что и <samp>, только является тегом физической разметки, а <samp> — логической. отображается моноширинным шрифтом;
  • <var> — выделение имени переменной в исходном коде программы, отображается курсивом.

И вот так они отображаются в браузере:

оформление текста html

Разрыв строк

Как мы узнали из предыдущих статей, для перевода строк используются блочные элементы, в частности тег <p>, выделяющий абзац.

Давайте поместим на нашу web-страницу сведения об авторских правах:

<p>Все права защищены. 2013 год.</p>
<p>Сайт об автомобилях.</p>

Результат:


перевод строки

И как мы видим строки разделены слишком большим расстоянием, как-будто они не имеют друг к другу никакого отношения. В этом случае для разрыва строк лучше использовать тег <br>. Этот тег устанавливает перенос строки, но в отличие от тега <p>, не устанавливает отступ перед строкой. Применим тег <br> на нашей страничке:

<p>Все права защищены. 2013 год.<br>Сайт об автомобилях.</p>

Так гораздо лучше:
перевод строки - тег br

Поэтому в некоторых случаях при оформлении текста html страницы не забывайте про тег <br>.

Вставка специальных символов. Литералы.

Иногда на web-страницу требуется вставить какой-нибудь специальный символ, например такие символы: <, >, ©. Для вставки специальных символов в HTML используются литералы. Литерал — это последовательность символов, которая начинается с символа & и заканчивается символом ;, а между ними помещается последовательность букв — код символа. Так для вставки символов <, >, © используются соответственно следующие литералы: &lt;, &rt; и &copy;.


Вставим на нашу страницу в блок об авторских правах символ ©:

<p>Все права защищены. &copy; 2013 год.<br>Сайт об автомобилях.</p>

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

Литерал
Ниже привожу названия наиболее часто используемых символов:

Особое место среди этих символов занимает «неразрывный пробел». Если необходимо чтоб в каком-то месте строки текста перенос не выполнялся, то вставляете туда «неразрывный пробел». Кроме литерала «неразрывный пробел» для запрета переноса строк можно использовать парный тег <nobr>. Тег nobr уведомляет браузер о том, что отображать текст следует без переносов. Правда применение этого тега может привести к появлению в окне браузера горизонтальной полосы прокрутки и пользователю придется прокручивать текст по горизонтали, чтобы увидеть его полностью, что очень не удобно. И еще этот тег не входит в спецификацию HTML, что приводит к не валидному коду. По этому советую применять этот тег только в крайних случаях при оформлении текста html страницы.


HTML также позволяет вставлять любой символ, поддерживаемый кодировкой Unicode. Для этого используется литерал со следующей структурой: &#<код символа>;. Узнать код нужного символа можно либо в Интернете, либо можно воспользоваться утилитой «Таблица символов», поставляемая в составе Windows. Запустить ее можно так: «Пуск->Все Программы->Стандартные->Служебные->Таблица символов» или нажать WIN+R и набрать в окне выполнить charmap. Появится окно «Таблица символов».

таблица символов

Если в списке символов выделить символ, который нельзя ввести с клавиатуры, в строке статуса с левой стороны появится надпись вида «Клавиша: Alt+<код символа>». Берете это код символа и вставляете в литерал. Для примера вставим символ © в нашу страницу с помощью кода символа. Выделяем этот символ в «Таблице символов» и в статусной строке с левой стороны видим надпись «Клавиша: Alt+0169». Берем код «0169» и в нашей web-странице вместо литерала &copy; вставляем &#0169;:

<p>Все права защищены. &#0169; 2013 год.<br>Сайт об автомобилях.</p>

И убеждаемся, что на странице отображается все правильно.

На сегодня у меня все. Как  всегда подведу итоги:

В следующей статье я расскажу как вставлять картинки на страницу, поэтому советую подписаться на обновления моего блога!)))

webcodius.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.

Пример с www.pereezd-master.ru

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

Как было бы правильней сделать выделение жирным шрифтом

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

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

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

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

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

Yaci.ru -- пример использования коротких тегов

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

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

devaka.ru


You May Also Like

About the Author: admind

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.