TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

34

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

Предложение SEO: оптимизируйте свой сайт с помощью специальной 14-дневной бесплатной пробной версии Semrush Pro.

Давайте посмотрим на некоторые из часто используемых метатегов и подчеркнем, для чего они используются. Таким образом вы можете проверить, сосредоточены ли вы на том, что важно в вашей стратегии 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 символов, чтобы оно могло поместиться в результатах поиска. Хотя мета-описание не определяет позицию в поисковой системе, жизненно важно получить хорошее количество кликов.

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

Метаописание в поиске Google

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

2 мета-теги роботов

Это код, который сообщает поисковой системе, следует ли ей индексировать страницу. Теги должны быть введены в заголовок страницы. Есть четыре основных значения, которые метатег робота предоставляет поисковой системе. Это 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 для загрузки его на каждой странице.

<meta name = "google-analytics" content = "UA-123456-1 ″ />

Заключение

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

Источник записи: www.webnots.com
Leave A Reply

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