Руководство по мета-тегам для новичков

Опубликовано: 2019-05-29

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

В настоящее время, когда 93% всего онлайн-опыта начинается с поисковой системы, важность SEO трудно переоценить. Ни охват в социальных сетях, ни платная онлайн-реклама не могут предоставить вам столько внимания и высококачественного органического трафика, сколько высокие позиции на страницах результатов поисковых систем (SERP).

Знаете ли вы, что 75% пользователей никогда не видят результатов, показанных на странице 2? Это связано с тем, что большинство из них соглашаются на результаты, которые находят на странице 1. Так что, если ваш блог или веб-сайт не могут попасть на самый верх, вы буквально останетесь невидимым для подавляющего большинства пользователей.

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

Что такое мета-теги?

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

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

Почему важны мета-теги?

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

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

Типы мета-тегов

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

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

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

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

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

Как и все другие типы метатегов, теги заголовков помещаются в HTML-код, поэтому вы можете редактировать их с помощью своей CMS. Например, NING позволяет легко писать теги заголовков и метаописания с помощью встроенного интерфейса.

Тег заголовка, вставленный в HTML-код страницы, выглядит так:

<head>

<title> Заголовок вашей страницы </title>

</head>

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

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

Мета-описание должно быть не только информативным и кратким. Он также должен привлечь внимание вашей целевой аудитории и убедить ее перейти на вашу страницу.

Вот несколько важных советов о том, как правильно писать метаописания:

  • Сделайте их действенными и напишите напористым тоном;
  • Добавьте призыв к действию, чтобы побудить пользователей нажать на ваш результат;
  • Включите релевантные ключевые слова, чтобы их заметили Google и пользователи (поисковые запросы в описании выделяются);
  • Убедитесь, что ваше описание соответствует содержанию на странице: попытки обмануть поисковые системы и пользователей с помощью вводящих в заблуждение описаний увеличат ваш показатель отказов и заставят Google наложить штраф;
  • Никогда не дублируйте метаописания, даже если ваши страницы очень похожи;
  • Старайтесь не превышать 160 символов и предоставлять основную информацию ближе к началу описания.

HTML-код для метаописания выглядит следующим образом:

<head>

<meta name = ”description” content = ”Пример вашего метаописания.”>

</head>

Мета-теги роботов

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

  • noindex : запретить поисковой системе индексировать страницу. Это может быть полезно, если вы не хотите, чтобы страница отображалась в результатах поиска временно или постоянно. Например, если у вас есть новый прототип страницы, размещенный на том же веб-сайте, который вы не хотите показывать в Google, прежде чем вы его протестируете или внесете улучшения.
  • nofollow : запретить роботам поисковых систем переходить по ссылкам на странице. Вы можете найти это полезным, например, если у вас есть страницы, на которых посетители могут добавлять свои собственные ссылки (например, в разделе комментариев), над которыми вы мало контролируете.
  • noarchive : запретить Google показывать кешированную ссылку страницы.
  • nosnippet : запретить поисковой системе отображать текстовое описание в сниппете поисковой выдачи.

Мета-тег robots имеет следующее HTML-представление:

<meta name = "robots" content = "noindex, nofollow, noarchive">

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

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

  • Отделять разные логические части контента друг от друга, улучшая их читаемость и «беглость»;
  • Дайте поисковым системам больше подсказок о содержании, представленном на странице.

Иерархия тегов заголовков (h1, h2, h3 и т. Д.) Позволяет вам организовать контент на странице ясным и упорядоченным образом. Таким образом, тег h1 обычно служит заголовком страницы или заголовком статьи, h2 используется для подзаголовков, которые разбивают основную часть контента, h3 - для подразделов и т. Д.

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

Вот как структура вашего контента может выглядеть в HTML:

<h1> Заголовок </h1>

<p> Абзац содержания </p>

<h2> Подзаголовок <h2>

<p> Абзац содержания </p>

Канонические теги

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

Если на вашем веб-сайте есть две или более похожих страниц, канонический тег позволит вам указать URL-адрес «основной» страницы, которую Google следует рассматривать в качестве источника. Код HTML, обозначающий канонический тег, выглядит так:

<link rel = ”canonical” href = ”http://example.com/” /> (где http://example.com/ - это URL-адрес исходной страницы)

Узнайте больше о каноническом теге в одном из наших предыдущих постов.

Альтернативный текст

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

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

Вывод

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