Элементы страницы html — значимые элементы сайта

Поскольку поисковые роботы видят вашу страницу как html-код, а не то, что непосредственно видно через браузер, SEO оптимизаторы должны хорошо понимать структуру типичного html-документа.

Какие элементы страницы html имеют решающее значение для SEO оптимизации и почему

Специалисты рекомендуют следить за тем, чтобы ваши html-документы соответствовали стандарту Xhtml.

Xhtml — это самый строгий стандарт html (язык гипертекстовой разметки). Следуя этому стандарту, вы гарантируете, что ваши страницы легко читаются поисковыми роботами. Узнать больше о Xhtml можно на официальном ресурсе консорциума World Wide Web — http://www.w3c.org/.

Каждый html-документ, соответствующий стандартам, имеет два основных раздела: область head и область BODY. Чтобы проиллюстрировать это, мы можем открыть исходный код любой html-страницы, найденной в Интернете. Откройте его в браузере, щелкните правой кнопкой мыши на странице и выберите «просмотреть исходный код страницы» или «просмотреть исходный код».

Раздел head — это все, что вы видите между тегами head и /head. Содержимое этого раздела невидимо при просмотре страницы в браузере. Как видите, одним из элементов, которые он включает, является тег title (между разметкой title и /title). Это то, что отображается в строке заголовка интернет-браузера — сниппете. Название также будет представлять вашу страницу в результатах выдачи поисковой системы. Таким образом, тег title является одним из самых важных html элементов в SEO продвижении.

Раздел head также включает в себя различные meta-теги. В примере с w3c.org это тег meta keywords и тег meta description:

meta name=»keywords» content=»…» 
meta name=»description» content=»…» 

После закрытия тега head открывается тег body. Все содержимое страницы, что находится внутри тега body (т. е. между разметкой body и /body), видно на странице при просмотре в браузере.

В основном тексте примера w3c.org видны теги h1 и h2. Они называются заголовками html и ранжируются от 1-го (h1) до 6-го (h6) уровня; изначально они предназначались для обозначения логических стилей для разных уровней важности заголовков: «h1» — самый важный заголовок, а «h6» — наименее важный.

Поисковые системы считают тег h1 наиболее важным. Поэтому Тег h1 должен использоваться для первого заголовка на вашей странице. Имейте в виду, что несколько тегов h1 на одной странице сайта могут учитываться роботами как спам. Уровни заголовков (1-6) должны визуально отличаться друг от друга хотя бы размером шрифта, цветом и межбуквенным интервалом.

Тег ссылки — еще один важный элемент страницы html, разделенный разметкой a и /a.

Тег изображения img отвечает за отображение соответствующего изображения всякий раз, когда браузер видит его в исходном коде.

Схематично html-документ в глазах оптимизатора (как и в глазах поисковика) выглядит так:

“head 
title Здесь мой заголовок /title 
meta name=»keywords» content=»ключевое слово 1, ключевое слово 2, ключевое слово 3″ 
meta name=»description» content=»описание сайта» 
/ head 

body 
h1 Это заголовок первого уровня, важный для поисковых систем /h1 
h2 это своего рода подзаголовок, который тоже важен /h2 
Это простой текст в теле страницы. Контент должен включать не менее 300 слов с плотностью ключевых слов от 3% до 6%, максимальной заметностью ключевых слов в начале, середине и конце страницы и максимальной близостью ключевых слов.
strong Этот текст будет выделен жирным шрифтом /strong 
a href=»http://www.somesite.com» title=»какой-то сайт с виджетами» Ссылка на какой-то сайт с виджетами /a 
img src=»http://mysite.com/image.jpg» alt=»и это мое изображение» / 
/ body”.

Далее рассматриваются конкретные элементы html и то, как можно оптимизировать каждый из них.

Тег title

Тег title вашей веб-страницы является одним из наиболее важных тегов html. Поисковые системы будут учитывать это не только при оценке релевантности ваших страниц относительно ключевых слов, но и когда ваш тег title наконец появится в SERP (страницы результатов поисковой системы). Многое зависит от того, насколько привлекательно название для веб-серферов и будут ли они вынуждены переходить по вашей ссылке.

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

Всегда используйте основные ключевые слова в теге title хотя бы один раз. Попробуйте разместить их в начале тега, т. е. сделать их значимость 100%. Минимальная значимость ключевого слова для заголовка составляет 60%.

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

Избегайте использования одного и того же заголовка на других страницах сайта. Попробуйте использовать уникальный тег заголовка для каждой веб-страницы и используйте ключевые фразы, тематически релевантные этой странице. Нужно использовать вариантные формы ключевого слова (LSI фразы), когда это возможно или применимо.

Как правило, длинные заголовки лучше коротких. Однако рекомендуемое количество слов для заголовка составляет от 5 до 9 слов с длиной символа до 70 символов, поскольку это предел, который Google и Яндекс отображает в результатах поиска. При нарушении этого правила заголовок на странице поиска будет автоматически обрезаться произвольным образом, что часто приводит к потере смысла. Сделайте свой заголовок интересным и привлекательным для пользователей, чтобы убедить их нажать на него и выполнить переход на ваш сайт.

Более того, вы можете поместить название вашей компании в тег title, даже поставить его в самом начале тега. Если ваша компания является известным брендом, то вам просто необходимо это сделать.

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

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

Например, если клиент ищет какие-то товары (скажем, тапочки), сначала он наберет просто слово «тапочки», а после того, как движок выдаст огромный список со всего мира, покупатель сузит запрос, добавив несколько географических названий. (например, тапочки в Санкт-Петербурге). Это ваш шанс оказаться в Топ-10 новых результатов в этой области.

При создании заголовка можно использовать следующие подходы:

1. Title Купить тапочки в СПб — название компании /Title.
2. Title Название компании – тапочки в СПб /Title.

Заголовок должен раскрывать основную идею видимого текста и, таким образом, наилучшим образом отражать ваш бизнес.

10 советов, которые следует учитывать при написании тегов title:

1. При работе с ключевой фразой размещайте ее на переднем плане, чтобы при построении предложения она хорошо читалась.
2. Попробуйте поработать с самой важной ключевой фразой в начале, а второстепенную фразу заключите в конце заголовка.
3. Попробуйте написать в заголовке наводящее на размышления фразы, в том случае если оно содержит ваши целевые ключевые слова.
4. Попробуйте написать свой заголовок так, чтобы он задавал «наводящий на размышления» вопрос.
5. Попробуйте написать заголовок так, чтобы он раскрывал скрытую правду или заблуждение.
6. Находясь в творческом режиме, сосредоточтесь на том, чего на самом деле хочет ваша целевая аудитория.
7. Создавайте честные заголовки, связанные с содержанием вашего сайта.
8. Не прибегайте к наполнению ключевыми словами или составлению заголовка из нескольких фраз, которые не имеют здравого смысла.
9. Не используйте в названии много заглавных букв или специальных символов.
10. Не зацикливайтесь на длине заголовка. Самое простое правило — не превышайте 70 символов.

Мета-теги

Есть два мета-тега, которые ранее были важны для поисковых систем: мета-тег ключевых слов и мета-тег описания. Но сейчас важно только мета-описание. Теги описания, хотя и не важны для рейтинга в поисковых системах, чрезвычайно важны для получения переходов пользователей со страниц результатов поисковой системы (SERP). Такие короткие абзацы — возможность веб-мастера рекламировать контент пользователям, выполняющим поиск, и дать им точно понять, что на данной странице есть в отношении того, что они ищут.

Мета-описание

Синтаксис тега: «meta name=»description» content=»краткое описание вашего сайта» /»

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

Тег описания meta должен быть кратким, но информативным. Описание должно быть в пределах 150-160 символов. Ключевые слова и ключевые фразы должны быть включены в meta-тег описания, однако следует соблюдать осторожность, чтобы не повторять их слишком часто. Как и тег title, тег описания meta должен быть уникальным для каждой страницы.

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

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

Ниже приведен хороший пример информативного описания, оптимизированного для «программного обеспечения прогноза погоды»:

«Единственное программное обеспечение для прогноза погоды, которое предоставляет на ваш рабочий стол долгосрочные прогнозы погоды, ежедневные гороскопы, калькулятор биоритмов, веб-камеры и карты погоды».

Основной текст

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

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

Распределите ключевые фразы по всей странице в абзацах с прямым вхождением. Поместите второстепенную ключевую фразу в середину и в конец основного текста. Выделите некоторые из ваших ключевых слов жирным шрифтом (для этой цели лучше использовать тег strong, так как он указывает на семантический акцент, который может быть передан программами чтения с экрана для людей с проблемами доступности. То же самое для тега em, теперь используется для добавления ударения к содержимому.)

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

Заголовки html h1 – h6 

Заголовки сами по себе являются хорошим средством визуальной организации вашего контента. Кроме того, поисковые системы используют их при ранжировании. Воспользуйтесь этим, применяя теги h1, h2 и h3 вместо графических заголовков, особенно в верхней части страницы.

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

Пример разметки текста заголовками:

1. Заголовок страницы — включающий самую важную ключевую фразу.
2. Подзаголовок 1 — включающий самую важную ключевую фразу.
3. Абзац текста — включающий другие целевые ключевые фразы.
4. Подзаголовок 2 — включающий следующую наиболее важную ключевую фразу.
5. Абзац текста — включающий другие целевые ключевые фразы.
6. И так далее.

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

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

Текст ссылки

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

Обычная ссылка будет выглядеть так:

Нажмите здесь, чтобы увидеть a href=»http://www.somesite.com/keyword-phrase.html» title=»этот текст появится, когда пользователь наведет указатель мыши на ссылку» Отображаемый текст ссылки /a.

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

Не перегружайте ссылки ключевыми словами; обычно достаточно иметь до трех линков на страницу, содержащую ваши целевые термины, желательно первые три ссылки.

Alt-атрибут

Теги alt состоят из альтернативных слов для изображений. Они не могут отображать изображения, не загружают изображение по какой-либо причине или произносятся говорящими браузерами для слепых. Поисковые системы используют текст в тегах alt для привязки, если изображение является гиперссылкой. Это делает этот атрибут идеальным для SEO оптимизации.

Пример: img src=»images/logo.gif» alt=»Графика программы прогноза погоды» width=»415″ height =»100″/. 

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

Используйте в теге alt ключевые слова, по которым нужно повысить рейтинг своей страницы и общую релевантность сайта. Не забудьте также переименовать файлы изображений в keyword-phrase.gif или keywordphrase.jpg и т. д.

Резюме

1. Элементы страницы html, наиболее важные для роботов поисковых систем. Это: тег title, заголовки html, текст ссылки и атрибуты alt изображений.
2. При работе с контентом наблюдайте за четырьмя параметрами: значимость, плотность, близость и частота при заполнении их вашими ключевыми словами. Это наиболее важно для основного текста.
3. Тег мета-описания выполняет функцию рекламной копии, привлекая читателей на веб-сайт со страниц результатов поисковой системы (SERP) и, таким образом, является чрезвычайно важной частью поискового маркетинга.

Вместо заключения

Хотите выйти в ТОП10 Яндекс и долго там оставаться? Продвигайте свои сайты и интернет-магазины исключительно белыми SEO методами! Не умеете? Могу научить! Тем, кто хочет разобраться во всех премудростях SEO, предлагаю посетить мои курсы по SEO обучению, которые я провожу индивидуально, в режиме онлайн по скайпу.

Для тех, у кого нет времени проходить обучение и самостоятельно заниматься продвижением своих интернет-магазинов, предлагаю и в этом вопросе помощь. Я могу взять ваш сайт на SEO продвижение и за несколько месяцев вывести его в ТОП10 Яндекс.

Для того чтобы убедиться в моей экспертности, предлагаю ознакомиться с моими последними SEO кейсами и только после этого заказать у меня SEO продвижение. Ниже на видео один из примеров успешного продвижения строительного сайта в Санкт-Петербурге.