Руководство по мета-тегам для начинающих »WebNots
Веб-страница состоит из различных компонентов, собранных вместе. Контент, который вы видите в браузере, помогает читателям понять цель веб-страницы. Однако ботам поисковых систем недостаточно понять страницу. А вот и помощь в виде метаданных, которые вы можете использовать для получения более подробной информации о странице. В HTML вы можете использовать теги для определения метаданных веб-страницы, чтобы указать поисковым системам. Эти метатеги являются мощными и вносят свой вклад в успех вашей SEO-кампании.
Предложение SEO: Получите специальную 14-дневную бесплатную пробную версию с SEMrush для анализа вашего сайта.
Давайте посмотрим на некоторые из часто используемых мета-тегов и подчеркнем, для чего они используются. Таким образом вы сможете проверить, сосредоточены ли вы на том, что важно в вашей стратегии SEO. Кроме того, браузеры также используют некоторые значения метатегов, чтобы определить способ отображения контента.
Определение мета-тегов
Технически метатеги составляют часть HTML-кода, находящегося в заголовках веб-страниц. Метатеги, также известные как элементы HTML, представляют собой текстовые коды, которые помогают поисковым системам лучше понимать содержание вашего сайта. Это основные моменты фактического содержания на странице вашего сайта.
Их основная цель — описать то, что содержится на веб-странице, поэтому они расположены в части
HTML-страницы, а не в. Поскольку метатеги содержатся в HTML-коде, вы можете применять эти теги. И пользователи не увидят метатеги во внешнем интерфейсе браузеров. Хотя они могут просматривать теги, просматривая HTML-код вашей веб-страницы.
Ниже приведен пример того, как вы можете определить некоторые метатеги в разделе заголовка веб-страницы.
<html> <head> <meta charset="UTF-8"> <meta name="description" content="Explain short description of your page."> <meta name="keywords" content="Few keywords on your page"> <meta name="author" content="Page author name"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> Here is the content for your page. </body> </html>
Как видите, общий синтаксис использования метатега следующий:
Мета-тег — имя — содержание
Вы должны определить значение имени, чтобы определить значение содержимого.
Сводка мета-тегов
На странице можно использовать множество метатегов. Однако ниже приведены некоторые полезные теги с точки зрения поисковых систем.
<meta name="description" content=short description"/> <meta name="keywords" content="keywords on the page"/> <meta name="subject" content="subject of the page"> <meta name="copyright"content="copyright holder"> <meta name="language" content="two character language code like EN"> <meta name="robots" content="index,follow, noindex or nofollow" /> <meta name="revised" content="date of last revision" /> <meta name="abstract" content="content abstract"> <meta name="topic" content="content topic"> <meta name="summary" content="content summary"> <meta name="classification" content="type like business"> <meta name="author" content="name of author"> <meta name="designer" content="name of designer"> <meta name="reply-to" content="email id"> <meta name="owner" content="content owner"> <meta name="url" content="page URL"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Cache-Control" content="no-cache">
Давайте объясним некоторые из наиболее часто используемых метатегов.
1. Мета-описание
Это часть метатега HTML, содержащая краткое описание страницы. Несмотря на то, что метаописание невидимо для посетителей, поисковые системы будут использовать его как короткий фрагмент текста под тегом заголовка в результатах поиска. Длина описания не должна превышать 160 символов, чтобы оно могло поместиться в результатах поиска. Хотя мета-описание не определяет позицию в поисковой системе, жизненно важно получить хорошее количество кликов.
При написании метаописания следует обратить внимание на то, чтобы написать очень убедительную копию и включить небольшой призыв к действию. Мета-описание — это способ рекламы того, что находится на вашей странице, для поисковиков и приглашения их нажать на вашу страницу. Используйте дружественный маркетинговый тон для описания своей страницы, чтобы получить высокий CTR.
2. Тег Meta Robots
Он представляет собой код, который сообщает поисковой системе, следует ли индексировать страницу. Теги должны быть введены в заголовок страницы. Есть четыре основных значения, которые метатег робота предоставляет поисковой системе. Это index, noindex, follow и nofollow.
Тег noindex будет посылать поисковым роботам сигнал о том, что определенная страница на веб-сайте не должна быть включена в результат поиска. Это служит для предотвращения доступа к определенному содержимому вашего веб-сайта из результатов поиска. Однако это не должно использоваться для сокрытия конфиденциальных страниц от поисковых систем, вместо этого вы должны установить соответствующие авторизации и использовать директивы robots.txt.
3. Мета-тег области просмотра
Также известный как метатег адаптивного дизайна, он используется для переключения макета веб-страницы для адаптации к ширине устройства. Это полезно для оперативного изменения макета на мобильных устройствах.
4. Социальные мета-теги (Open Graph и Twitter Cards)
Эти теги управляют отображением вашей веб-страницы в социальных сетях, когда кто-то делится ею. Он описывает контент страницы, такой как описание, изображение и заголовок в социальных сетях. Открытый график полезен для таких платформ, как Pinterest, Google, Facebook и LinkedIn, а карточки Twitter полезны только на платформе Twitter. Теги социальных сетей весьма полезны для повышения CTR через сайты социальных сетей.
Избегайте неправильного использования мета-тегов
Раньше мета-ключевые слова оказывали наибольшее влияние на поисковые системы. Это привело к тому, что Google полностью отказался от использования мета-ключевых слов. Это также черная практика SEO — предоставлять другое метаописание, не связанное с содержимым страницы. Следите за тем, чтобы избежать неправильного использования, и укажите правильные и актуальные сведения в разделе метаданных.
Также нет необходимости использовать все эти метатеги на одной странице. Системы управления контентом, такие как WordPress, предлагают различные плагины для простой вставки этих метатегов на все страницы вашего сайта.
Пользовательские мета-теги
Вы также можете создавать собственные метатеги и использовать их для разных целей. Например, вы можете сохранить код Google Analytics, как показано ниже, и использовать его в JavaScript для загрузки его на каждой странице.
Вывод
Теперь вы поймете, что мета-теги бывают разных видов, и у нас есть некоторые из них, которые очень важны, а другие — нет. Однако они предоставляют простой способ вставки метаданных, чтобы иметь большое влияние на поисковые системы и социальные сети.
