HTML теги для SEO - использовать или не использовать?

1. 1. Название тега
2. 2. Мета-тег описания
3. 3. Открыть теги графика
4. 4. День роботов
5. 5. Канонический день
6. 6. Теги заголовка
7. 7. Старые атрибуты

Являются ли HTML-теги на сайте важными факторами? Должны ли вы все еще сознательно использоваться для Сео в 2018 году, или они утратили свою важность, или они должны быть исключены?

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

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

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

Поэтому обсуждаем следующий вопрос:

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

Тем не менее, есть еще несколько тегов, которые:

• Улучшенное удобство использования благодаря лучшей навигации и лучшему соответствию запросов
• Дать рекомендации для поисковых систем, где найти основные части сайта или какие части следует пропустить;
• Сделайте фрагменты SERP более привлекательными и информативными.

Какие теги эти маленькие ценные помощники, вы можете спросить сейчас. Давайте поговорим подробно о каждом из этих тегов HTML.

1. Название тега

Что это?

Теги заголовка обычно используются поисковыми системами для определения темы конкретной страницы и отображения ее в поисковой выдаче. В HTML тег заголовка выглядит так:

<title> Хороший заголовок </ title>

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

Добавленная стоимость для SEO

Сегодня поисковые системы все еще понимают, о чем страница в теге заголовка. Однако при переходе от Google к семантическому поиску значение тега заголовка несколько ниже.

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

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

Мета-описание, изображения, показатели активности пользователей и, конечно, сам контент.

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

• SERPs - это место, где пользователь решает щелкнуть или не щелкнуть;
• Вкладки веб-браузера - видимость в этом месте особенно важна, если в браузере пользователей открыто более миллиона вкладок (да, вы не одиноки);
• Социальный - ваш тег заголовка используется, когда страница является общей.

Проблема

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

Есть несколько причин, по которым может возникнуть эта проблема:

• Заголовок заполнен модным словом - очевидно, что вы оптимизируете заголовок для целевых ключевых слов, но также важно не переусердствовать. В противном случае Google перепишет ваш заголовок так, как считает нужным.
• Заголовок не соответствует поисковому запросу - Google может выбрать вашу страницу для конкретного запроса, даже если ваш заголовок не соответствует этому запросу. В этом случае название иногда переписывается для поисковой выдачи. Очевидно, что вы не можете написать заголовок, который соответствует всем возможным запросам. Однако, если вы обнаружите, что Google переписывает ваш заголовок для запросов большого объема, вам следует пересмотреть его.
• Есть несколько альтернативных названий - у Facebook и Twitter есть собственные теги в разделе <head>. Поэтому, если вы используете альтернативные названия для этих социальных сетей, Google может использовать их вместо ваших тегов заголовков.

Так должно быть оптимизировано

Я думаю, ты должен знать. Оптимизировать заголовки действительно легко! Есть несколько советов по написанию, которые Google определенно понравится:

Желательно, чтобы в названии оставалось не более 70 символов , иначе презентация может быть доставлена ​​в полном объеме. Также помните, что, например, буква W занимает больше места, чем, скажем, буква I или строчные буквы.

Итак, если ваш заголовок довольно длинный, лучше избегать клавиши Caps Lock и подсчитывать символы, учитывая, сколько места они занимают. Не забудьте использовать хранители символов, такие как амперсанд (&) вместо «и», косая черта (/) вместо «или» и т. Д.

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

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

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

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

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

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

2. Мета-тег описания

Что это?

Мета-описание - это короткий текстовый раздел в HTML-разделе страницы. Обычно он отображается в разделе SERP по заголовку и URL-адресу веб-сайта. В HTML это выглядит так:

<meta name = "description" content = "Хорошее описание">

Добавленная стоимость для SEO

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

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

Мета-описание можно увидеть в двух местах с высокой видимостью:

• SERPs - мета-описание занимает большую часть фрагмента SERP;
• Социальные сети . Мета-описание обычно отображается, когда пользователи публикуют ваш URL через каналы социальных сетей.

Проблема

Подобно преднамеренному использованию заголовков Google, описание, отображаемое в поисковой выдаче, может отличаться от того, которое дано в разделе <head>.

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

В общем, Google использует описание, приведенное в <head>. Однако, если для соответствия запросу требуется больше информации или больше контекста, может также использоваться часть контента. Это одна из причин, почему поисковая система отображает более длинные фрагменты.

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

Так должно быть оптимизировано

Не так давно для полного отображения в фрагменте SERP длина мета-описания должна была составлять около 160 символов.

Затем это значение постепенно увеличивалось до 300 символов. Наконец, в декабре 2017 года фрагменты прошли отметку в 300 символов.

Что вы должны сделать в этой ситуации? Многие интернет-маркетологи имеют некоторые Эксперименты проводятся, чтобы понять, как именно используется мета-описание. Ну, ответ на этот эксперимент - нет точной длины мета-описания .

Прежде всего, допускается описание любой длины. Если это будет слишком долго, Google сократит это, но это тоже не катастрофа.

Я думаю, что самый безопасный способ - остаться около 300 символов и следить за последними новостями по этому вопросу.

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

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

• Нет кавычек в мета-описании

Если вы используете двойные кавычки в мета-описании HTML, Google усекает этот текст в кавычки при просмотре в поисковой выдаче. Поэтому лучше удалить все буквенно-цифровые символы из ваших мета-описаний.

Без шуток, вы можете визуально выделить свой фрагмент SERP. С особым наценка Вы можете добавить в свой HTML-код элементы, которые сделают ваши фрагменты более привлекательными для пользователей.

Например, им могут быть предоставлены звездный рейтинг, рейтинги клиентов, изображения, дополнительная информация о продукте и т. Д.

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

3. Открыть теги графика

Что это?

Открыть график Теги (OG) - это дополнительные мета-теги в разделе HTML <head> страницы, которые могут превратить любую веб-страницу в многофункциональный объект социальной сети. Впервые он был представлен Facebook в 2010 году и признан другими крупными платформами социальных сетей (LinkedIn, Google+ и т. Д.).

В HTML это может выглядеть так:

<meta name = "og: title" property = "og: title" content = "Хороший заголовок открытого графика">

Добавленная стоимость для SEO

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

Так должно быть оптимизировано

Прежде чем вы решите внедрить теги OG в свой HTML-код, подумайте об оптимизации. Есть несколько тегов Open Graph, я дам несколько советов по самым важным и популярным.

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

Обратите внимание, что длина должна быть от 60 до 90 символов, в противном случае она будет обрезана.

С помощью этого тега вы можете описать, какой тип объекта вы хотите поделиться: веб-сайт, почтовое отделение, видео, компания и т. Д. Вы можете полный список здесь Проверьте.

Этот тег считается важным, если на вашей странице есть кнопка «Нравится». Может быть полезно посмотреть, отображается ли ваш контент в разделе интересов Facebook, если ему или ей это нравится.

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

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

Основная задача этого тега - охватить потенциальную аудиторию и получить больше кликов.

С точки зрения длины, это описание должно быть около 200 символов.

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

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

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

Рекомендуемое разрешение для изображения OG составляет 1200 × 627 пикселей, размер - до 5 МБ.

Как только вы закончите с вашими метатегами OG, вы можете использовать Отладчик открытого графического объекта , инструмент, созданный Facebook, посмотрите, как он выглядит.

Карты Twitter очень похожи на теги OG (заголовок, описание, изображение и т. Д.), Но используются исключительно Twitter. Хотя твиты теперь могут превышать исторические 140 символов, эти карты являются хорошим расширением, которое позволит вашему твиту выделиться среди массы обычных текстовых твитов.

Есть несколько типов карт Twitter:

• Карты игрока - эти карты позволяют пользователям воспроизводить видео или аудио в твиттере.

  Описание: 200 символов
  Видео: H.264, базовый профиль, уровень 3.0, до 640 x 480 пикселей со скоростью 30 кадров в секунду.
  Аудио: AAC, менее сложный профиль

Примечание. Поддерживается только один тип карты на странице.

Как только вы закончите с элементами вашей карты Twitter, вам нужно сделать две вещи:

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

4. День роботов

Что это?

Тэг роботов - это элемент в HTML страницы, который сообщает поисковым системам, какие страницы на вашем сайте должны и не должны быть проиндексированы.

Его функции аналогичны robots.txt. Но он обычно используется для предотвращения индексации отдельными страницами поисковыми системами, тогда как robots.txt не позволяет им индексировать всю страницу или ее часть.

В HTML это может выглядеть так:

<meta name = "robots" content = "index, follow">

Добавленная стоимость для SEO

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

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

Так должно быть оптимизировано

• Правильное использование тега роботов

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

Если страница находится в разделе, где не разрешен обход файла robots.txt, любые роботы HTML на этой странице будут игнорироваться.

• Правильное использование параметров тега робота

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

• Noindex - запрещает поисковым системам индексировать страницу;
• Nofollow - запрещает поисковой системе переходить по любым ссылкам на странице (поэтому он отличается от атрибута nofollow, применяемого на одном уровне URL);
• Noarchive - предотвращает появление кэшированной копии страницы в результатах поиска.
• Nosnippet - предотвращает появление описания страницы в результатах поиска и предотвращает кеширование страницы;
• None - то же самое, что и «noindex, nofollow».

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

• День робота и безопасность

Обратите внимание, что злоумышленники могут игнорировать все параметры вашего тега роботов. Поэтому, если вы используете этот тег в качестве меры безопасности, он не принесет вам никакой пользы.

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

5. Канонический день

Что это?

Если у вас есть несколько страниц с дублированным содержимым, вы можете использовать тег Canonical, чтобы сообщить поисковым системам, какой странице отдать приоритет.

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

<link href = "URL" rel = "canonical">

Добавленная стоимость для SEO

Канонический день важен для SEO двумя способами.

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

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

6. Теги заголовка

Что это?

Теги заголовков - это заголовки (h1-h6), которые вы используете для структурирования своей страницы. В HTML тег заголовка может выглядеть так:

<h1> Ваш уникальный заголовок </ h1>

Добавленная стоимость для SEO

Эти теги помогают поисковым системам более эффективно читать ваш контент. Порядок тегов заголовка (от h1 до h6) указывает значение каждого раздела.

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

Кроме того, время от времени Google создает специальные разделы, относящиеся к списку, из заголовков конкретной страницы (обычно это работает для инструкций и инструкций).

H1 вашей страницы соответствует запросу, а ваши подзаголовки (например, h2) создают хронологический список в отрывочном разделе.

Так должно быть оптимизировано

• Иерархический порядок заголовков

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

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

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

• Оптимизированные по ключевым словам заголовки

Поскольку ваши заголовки представляют основные пункты каждого раздела страницы, рекомендуется включить в них целевые ключевые слова и их синонимы. Кроме того, ваш h1 (если вы используете его в качестве заголовка страницы) обычно похож на ваш тег заголовка в HTML. Таким образом, он уже оптимизирован в соответствии с тегом title.

Нет ключевых слов!

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

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

• больше, чем все остальные текстовые элементы вашей страницы;
• Узнаваем с первого взгляда: используйте различные элементы форматирования и оформления, чтобы выделить их.

7. Старые атрибуты

Что это?

Атрибут alt text является частью тега изображения и содержит описание для изображения. В HTML это выглядит так:

<img src = "url" alt = "Ваше уникальное описание изображения">

Добавленная стоимость для SEO

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

Так должно быть оптимизировано

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

Осторожно, если у вас есть тысячи картинок, вам не нужно настраивать каждую (PHEW!). Обратите особое внимание на тех, кто предоставляет некоторые полезные данные, а не только те, которые используются для развлечения и украшения.

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

• Оптимизированные по ключевым словам альтернативные тексты

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

Также постарайтесь, чтобы ваши описания были довольно короткими - около 125 символов, поскольку программы чтения с экрана обрежут альтернативный текст вокруг этой метки.

Видите ли, дьявол кроется в деталях. Ни один из этих тегов не может напрямую повлиять на ваш успех в SEO, но существует несколько способов косвенного влияния на него. Полезно знать, какие параметры есть у вас в <head> и <body>, как это работает и что вы можете сделать, чтобы некоторые теги работали на вас.

Похожие

Комментарии