Прекрасный мир мета-тегов

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

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

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

Хорошие мета-теги

Это метатеги, которые должны быть на каждой странице. Обратите внимание, что это небольшой список; Работать с ними не то что желательно, а обязательно!

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

• Title – While the title tag doesn’t start with "meta," it is in the header and contains information that's very important to SEO. You should always have a unique title tag on every page that describes the page. Check out this post for more information on title tags.
• Meta description – The infamous meta description tag is used for one major purpose: to describe the page to searchers as they read through the SERPs. This tag doesn't influence ranking, but it's very important regardless. It's the ad copy that will determine if users click on your result. Keep it within 160 characters, and write it to catch the user's attention. Sell the page — get them to click on the result. Here's a great article on meta descriptions that goes into more detail.
• Viewport – In this mobile world, you should be specifying the viewport. If you don’t, you run the risk of having a poor mobile experience — the Google PageSpeed Insights Tool will tell you more about it. The standard tag is:
• Заголовок. Хотя тег title не начинается с «meta», он находится в заголовке и содержит информацию, которая очень важна для SEO. Вы всегда должны иметь уникальный тег title на каждой странице.
• Мета-описание. Метатег описания используется для одной основной цели: описать страницу поисковикам, когда они читают результаты поиска. Этот тег не влияет на рейтинг, но он весьма важен. Также это вид объявления в поисковой системе, которое определяет, будут ли пользователи нажимать на ваш сайт или нет. Храните его в пределах 160 символов и пишите так, чтобы привлечь внимание пользователя. Продать страницу - заставить их нажать на результат.
• Viewport. В этом мобильном мире вы должны указать окно просмотра. Если вы этого не сделаете, вы рискуете иметь плохой опыт работы с мобильными устройствами - инструмент Google PageSpeed Insights Tool расскажет вам больше об этом. Стандартный тег:

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

Нейтральные метатеги

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

• Социальные мета-теги - я их добавляю, но не всегда. Данные OpenGraph и Twitter важны для социальных сетей и при передаче ссылки на ваш сайт, но сами по себе не влияют на индексацию.
• Роботы - одно огромное заблуждение состоит в том, что у вас должен быть метатег роботов. Давайте проясним ситуацию: с точки зрения индексации и ссылки, если вы не указали тег мета-роботов, они нормально индексируют вашу страницу! НО, если вы хотите noindex ( не индексировать страницу ), вы должны добавить следующий тег только с noindex.

<meta name="robots" content="noindex" />

• Специфические боты (Googlebot) – Эти теги используются для предоставления конкретных команд бота, таких как noodp (заставляя их не использовать информацию о листинге DMOZ, RIP) и noydir (то же самое, но вместо этого информация о листинге каталога Yahoo). Как правило, поисковые системы действительно хороши в таких вещах сами по себе, но если вы считаете, что вам это нужно, не стесняйтесь. Были случаи, когда я видел, где это необходимо. Если это все же вам нужно, подумайте об использовании общего тега роботов, указанного выше.
• Язык ( Language ) – Единственная причина использовать этот тег - это перемещение на международном уровне и необходимость объявления основного языка, используемого на странице. Проверьте этот ресурс метаязыков для получения полного списка языков, которые вы можете объявить.
• Гео (GEO) – Последнее, что я слышал, эти метатеги поддерживаются Bing, но не Google (вы можете настроить таргетинг на страну внутри Search Console). Существует три вида: наименование положение, само положение (широта и долгота) и область(регион).

<META NAME="geo.position" CONTENT="latitude; longitude">
<META NAME="geo.placename" CONTENT="Place Name">
<META NAME="geo.region" CONTENT="Country Subdivision Code">

• Ключевые слова ( Keywords ) - Да, я добавил это в «нейтральный» список. Хотя ни один хороший SEO не собирается рекомендовать тратить время на этот тег, есть очень небольшая возможность, что он может помочь вам. Добавляйте его, если вы самостоятельно создаете сайт, но если вы используете CMS - это должно происходить автоматически, и нет причин его удалить.
• Обновление ( Refresh ) - это перенаправление и оно не должно использоваться! Если вам необходимо перенаправление - вы должны использовать 301 на стороне сервера.
• Проверка сайта. ( Site verification ) Ваш сайт проверен с помощью Google и Bing, верно? А у кого есть теги проверки на своей домашней странице? Иногда это необходимо, потому что вы не можете загрузить другие формы проверки сайта, но если возможно, попробуйте другой способ. Google разрешает проверять DNS, внешний файл или связывать свою учетную запись Google Analytics.

Плохие метатеги!

Ничего плохого не произойдет с вашим сайтом, если вы их используете - но я все же проясню ситуацию. Ведь это пустая трата кода; даже Google говорит так (и это было еще 12 лет назад!). Если вы готовы, возможно, настало время для некоторой осенней очистки вашей области <head>. :)

• Автор / веб-автор. Этот тег используется для обозначения автора. Это просто не нужно на странице.
• Revisit after - этот метатег - команда для роботов, чтобы вернуться к странице через определенный период времени. За ней не следует какой-либо крупной поисковой системы.
• Рейтинг - этот тег используется для обозначения возраста контента.
• Expiration/date – "Expiration" is used to note when the page expires, and "date" is the date the page was made. Are any of your pages going to expire? Just remove them if they are (but please don't keep updating content, even contests — make it an annual contest instead!). And for "date," make an XML sitemap and keep it up to date. It's much more useful.
• Copyright – That Google article debates this with me a bit, but look at the footer of your site. I would guess it says "Copyright 20xx" in some form. Why say it twice?
• Abstract – This tag is sometimes used to place an abstract of the content and used mainly by educational pursuits.
• Distribution – The "distribution" value is supposedly used to control who can access the document, typically set to "global." It's inherently implied that if the page is open (not password-protected, like on an intranet) that it's meant for the world. Go with it, and leave the tag off the page.
• Generator – This is used to note what program created the page. Like "author," it's useless.
• Cache control – This tag is set in hopes of controlling when and how often a page is cached in the browser. It's best to do this in the HTTP header.
• Resource type – This is used to name the type of resource the page is, like "document." Save yourself time, as the DTD declaration does it for you.
• Expiration/date - «Expiration» используется для обозначения того, когда срок действия страницы истекает, а «data» - это дата, когда страница была сделана. Срок действия каких-либо ваших страниц истекает? Просто удалите их, если они есть (но, пожалуйста, не продолжайте обновлять контент, даже конкурсы - сделайте это ежегодным соревнованием!). А для «date» создайте карту сайта XML и сохраните ее в актуальном состоянии. Это намного полезнее.
• Copywright ( Авторское право ): статья Google говорит об этом совсем не много, но посмотрите на нижний колонтитул вашего сайта. Я бы предположил, что он говорит «Copyright 20xx» в той или иной форме. Зачем говорить об этом дважды?
• Abstract ( Аннотация ). Этот тег иногда используется для размещения абстрактного содержания и используется главным образом в образовательных целях.
• Distribution ( Распространение ) . Предполагается, что это значение используется для контроля доступа к документу, обычно установленного на «глобальный». По своей сути подразумевается, что если страница открыта (не защищена паролем, например, в интрасети), она предназначена для всего мира.
• Generator ( Генератор ) . Это используется, чтобы отметить, какая программа создала страницу. Как и «автор», это бесполезно.
• Cache control ( Управление кешем ) . Этот тег установлен в надежде контролировать, когда и как часто страница кэшируется в браузере. Лучше всего это сделать в HTTP-заголовке.
• Тип ресурса - это имя типа ресурса, на котором находится страница, например «документ». Сэкономьте свое время, поскольку объявление DTD делает это за вас.

Так как существует много мета-тегов, я бы хотел услышать от вас, какие, по вашему мнению, нужно добавить или даже удалить! Пишите мне в л.с. @spacef

Спасибо за прочтение статьи!
Что бы не пропустить полезные материалы подписывайтесь на наш канал и советуйте своим друзьям, https://t.me/seoneo .

Наши проекты: https://t.me/uxidesign , https://t.me/freshsmm