Метатеги актуальны для SEO больше, чем когда-либо: вот почему

Мета-теги — это основа HTML-кода, строительные блоки хорошего веб-сайта.

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

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

Почему вы должны использовать метатеги для улучшения SEO?

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

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

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

9 типов метатегов, которые вы должны использовать для улучшения SEO

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

Тип метаконтента

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

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

<голова>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</голова>

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

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

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

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

Вот пример тега мета-описания:

<голова>

<meta name="description" content="Это пример метаописания. Он включает в себя всю необходимую информацию для вашей страницы. Он может содержать до 160 символов.»>

</голова>

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

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

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

Вот как выглядит тег заголовка:

<голова>

<title>Это пример тега заголовка</title>

</голова>

Какова оптимальная длина тега заголовка для целей SEO?

Хотя ограничений на длину заголовков нет, оптимальная длина тегов заголовков составляет от 55 до 60 символов. В основном это связано с практикой Google: они отображают только 60 символов любого заголовка, а затем обрезают остальные. Оставайтесь ниже этого порога, и вы можете быть почти уверены, что ваш титул будет отображаться во всей красе.

Если вы действительно хотите максимально увеличить количество символов, отображаемых в Google, вы можете воспользоваться одним приемом. Система отображения поисковой системы зависит от пикселей, а не строго от символов, а это означает, что если вы используете строчные буквы, которые занимают меньше пикселей (например, i, l, t), вы можете вместить больше, чем большие буквы с заглавными буквами (например, M, W). ).

Что касается количества слов в заголовке, то оно зависит от вашей цели.

«Названия по-разному взаимодействуют в зависимости от платформы. Самые популярные ссылки в Facebook имеют заголовки от 12 до 14 слов, а самые популярные в Twitter — от 8 до 12 слов».

Терренс Рэттиган
Технический писатель, Writemyx и Britstudent

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

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

Это также можно применить к страницам с похожим, но не совсем одинаковым содержанием, чтобы избежать разделения усилий SEO для одного набора ключевых слов на нескольких страницах. Без этого тега Google вернул бы «http://yourpage.com» и «http://yourpage.com/index.php» как разные страницы, если они имеют одинаковое содержание. Этот тег также полезен для автоматически сгенерированных URL-адресов идентификатора сеанса, чтобы убедиться, что они рассматриваются как канонические для вашей исходной страницы, а не для новой.

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

Вот как вставить тег canonical в ваш код:

<ссылка rel="canonical" href="http://example.com/" />

Тег альтернативного текста

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

При создании тегов альтернативного текста цель игры — быть лаконичным и информативным. Убедитесь, что ваш текст четкий и информативный о том, что представляет собой изображение, и избегайте посторонних или чрезмерно субъективных выражений (по возможности избегайте прилагательных). Теги замещающего текста должны содержать не более 16 слов и от 50 до 55 символов.

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

Вот как написать тег альтернативного текста:

<img src="http://example.com/abc.jpg" alt="abc" />

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

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

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

Команда выглядит так:

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

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

Область просмотра

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

Вот основная структура элемента:

<meta name="viewport" content="width=device-width,initial-scale=1.0″>

Самый важный элемент здесь — «width=device-width». Это устанавливает ширину экрана вашей страницы для любого устройства, на котором находится пользователь, что делает этот тег отличным универсальным решением для нескольких устройств.

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

Открыть график

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

Это довольно плотные теги, вот несколько примеров:

<meta property="og:type" content="article" />

<meta property=”og:title” content=”Это заголовок вашей страницы или поста” />

<meta property=”og:description” content=”Это описание содержания вашей страницы” />

<meta property="og:image" content="Это ссылка на изображение" />

<meta property="og:url" content="PERMALINK" />

<meta property=”og:site_name” content=”Это название вашего сайта” />

«Они немного отличаются от ваших типичных SEO-тегов, но они не менее важны для вашей стратегии роста аудитории. Tumblr воспользовался этим в 2012 году и добился увеличения рейтинга кликов на 250%».

Соланж Ухара
SEO-эксперт, 1Day2Write и Nextcoursework

Вывод

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

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

Станьте более опытным во всех аспектах SEO. Откройте для себя подходящее программное обеспечение для SEO, отвечающее вашим потребностям, и будьте в курсе необходимых компонентов правильной стратегии SEO, метатегов и не только.