Тег в html и продвижении

Содержание:

Разные H1 и Title: за и против
Задачи и специфика работы
Требования по размеру
- Яндекс
- Гугл
«Совершенно новый зверь» (2020-)
Зачем нужен дескрипшн?
Правильная форма ключевого запроса
- Рассмотрим несколько образцов:
- Вы знали, что от порядка слов зависит коммерциализация запроса и его интент?
Отличие атрибутов title и alt
- Атрибуты alt и title для картинок.
  - Что писать в атрибутах title и alt?
    - Пример использования атрибутов title и alt при оптимизации картинок.
- Оптимизация внутренних ссылок с помощью атрибута title
  - Что писать в атрибуте ссылки title?
    - Пример использования атрибута title при оптимизации ссылки
Как тестировать title
Что такое title?
«Дека-данс» (2020-)
Главный ключ – что это такое?
Какой он — правильный тег ?
Правила оформления тайтлов
- Рекомендации от веб-мастеров
- Примеры тайтлов
Зачем нужны метатеги

Разные H1 и Title: за и против

Главный аргумент сторонников уникальных заголовков – нет угрозы попадания сайта под фильтр

Поисковики сейчас обращают внимание на качество контента, негативно воспринимая переспам и дубли

Аргумент против: хотя разные Title и H1 увеличивают охват запросов, но они ухудшают релевантность и ранжирование по ключам.

Желательно, чтобы ваши мета-теги были уникальными во всём интернете. Хотя 100% неповторимости да и ещё с использованием ключей добиться трудно, но уж дублировать друг друга Тайтл и H1 точно не должны. Каждая страница обязана иметь свой оригинальный Title. В противном случае с точки зрения поисковых роботов она не будет содержать оригинальной информации – сайт попадёт под пессимизацию за одинаковые сниппеты.

Теги обязаны быть не только уникальными, но и релевантными. По коммерческому запросу «купить платье мини» человек должен попадать на страницу с описанием, характеристикой конкретной модели, ценой и кнопкой для оформления заказа. А не получать текст об истории возникновения платьев и их видах.

Оптимальный Тайтл в таком случае:

«Купить платье мини с доставкой по России: цена, материал, размеры».

H1 может быть таким:

Платье мини с ценой и описанием

Статья в тему: Как составить уникальный Title

Задачи и специфика работы

Тег html — мета теги, информация о странице

Задача данного мета-тега является очень важной и на данный момент она является одной из определяющих в определении релевантности страницы определенному поисковому запросу. Title является заголовочным тегом

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

Title является заголовочным тегом. Поэтому, в нем необходимо указывать заголовок страницы, который определяет ее содержимое. Не стоит путать тег title с заголовком первого уровня H1, который используется для названия статьи или другого вида материалов. Данные теги должны быт отличны и их значимость также не одинакова, хотя и имеются схожие особенности в их работе. Например, как title, так и H1 должны быть использованы 1 раз на странице.

К тому же данные теги имеют различные места размещение в html коде страницы.

Title размещается только в шапке сайта в секции head между открывающим и закрывающим тегами <head></head>

H1 является названием статьи и прописывается внутри тела документа, то есть области body.

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

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">

<title>Тег title: используем правильно</title>

</head>

<body>

<h1>Правильное использование тега Title для повышения позиций в поисковой выдаче</h1>

6 строка — название страницы между открывающим и закрывающим тегами title. Находится в секции head страницы, как и должно быть;
10 строка — открывается тег body (то есть тело документа — его содержимое);
12 строка — заголовок страницы в тегах H1, который имеет измененный вид по сравнению с заголовком в title.

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

Теперь пару слов о добавление данного тега на страницы вашего ресурса.

Если вы используете какие-то CSM системы (например, WordPress), то title будет добавляться автоматически на каждую страницу, исходя из того заголовка, который вы введете в редакторе страницы. Но получается ситуация, когда этот заголовок будет использован и в качестве title и в качестве заголовка H1. Нет возможности делать их отличными, что будет более разумно для грамотной работы. Для этого устанавливают различные плагины SEO оптимизации.

Например, All in one seo pack. Тогда заголовок, отображаемый на самой странице (H1), будет использован из того, что вы введете в редакторе записи. А title можно будет ввести отдельно в дополнительном блоке, который добавляется одним из плагинов оптимизации. Если взять плагин all in one seo pack, то данное решение добавляет блок, делающий возможным ввод мета-данных для каждой страницы.

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

Это очень важно

Требования по размеру

Html href атрибут

Яндекс и Гул все равно «выжмут» только определенное количество слов и символов, и не больше. Параметры отображения сниппетов для этих двух поисковых систем разнятся.

Яндекс

Система учитывает не более 13-14 слов и показывает в серпе около 70-80 знаков без пробелов. Остальное просто останется за пределами видимости и будет заменено на троеточие.

Гугл

Он отображает еще меньше символов – примерно 12 слов, и в совокупности 68-70 знаков без пробелов. Впрочем, недавно Гугл увеличил ширину сниппетов в выдаче.

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

«Совершенно новый зверь» (2020-)

Структура html-документа

Фото: Studio Trigger

Лучшие аниме 2020 года не могут обойтись без творения знаменитого режиссера Ё Ёсинари. В будущем люди узнают, что на протяжении многих столетий человеческая цивилизация сосуществовали с совершенно другой расой — зверолюдьми. Неожиданно люди с животными генами становятся изгнанниками. В японском обществе назревает волнение. Поэтому зверолюдям предоставляют автономную область Японии, где они смогли основать город Анима-Сити — мегаполис, в котором изгнанники могут чувствовать себя спокойно. Теперь зверолюди вынуждены скрываться в этом поселении. Девочка-подросток Митиру Кагэмори таинственным образом превращается в тануки (что-то вроде енота). Наша героиня понимает, что больше не может быть счастлива среди людей, поэтому Митиру приезжает в Анима-Сити, чтобы найти ответы и лекарство, которое вернет ей человеческий облик. Теперь Митиру с головой погружается в приключения, интриги и заговоры. Снял сериал легендарный режиссер Ё Ёсинари, который стоит за «Фури-кури» (2000), «Гуррен-Лаганн» (2007) и «Академией ведьмочек» (2017). В этом аниме есть все элементы стиля, которые сделали японца знаменитым — великолепная анимация, необычная комедия, великолепная музыка и умопомрачительный дизайн персонажей. Не удивительно, что студию Trigger считают одной из лучших анимационных студий в Японии.

Можно посмотреть: Netflix

Зачем нужен дескрипшн?

В результатах поиска отображаются сниппеты – краткие блоки с информацией о странице.

Откуда берется описание? Возможны два варианта:

Поисковая машина выбирает отдельный фрагмент контента, который считает наиболее релевантным.
Оптимизатор прописывает его в специальном теге.

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

Как повысить кликабельность дескрипшена?

Краткий. Ориентируйтесь на 150 символов. Слишком длинный дескрипшн машина оборвет. Да и люди обычно плохо воспринимают такие описания.

Привлекательный и интригующий. Забудьте о конструкциях «Из этой статьи вы узнаете…», «Данная статья расскажет вам о…». Пишите так, чтобы «зацепить» человека. Оставьте канцеляризмы и сложные обороты – используйте только живой язык.

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

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

Уникальный. Да, велик соблазн написать одинаковое описание для всех страниц одного сайта. Однако дескрипшн должны быть разными. Можете писать их шаблонно, но не копируйте без изменений. Уникальность в пределах Сети – само собой разумеющаяся вещь.

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

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

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

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

Правильная форма ключевого запроса

Слова, расположенные в различном порядке очень
важны

Большинство верят в точную частотность вордстат, полагая что это главная
частотность, но ими не берётся во внимание то, что стандартная директива
вордстат (как и кей коллектора, которым все предпочитают пробивать частотности)
не зависит от предпочтительного словарного расположения

Я о том, что сделанная вами семантика для сайта не гарантировано будет иметь правильную форму. К тому же, нередко вами это не будет замечено, потому что для написания текстов и приобретения ссылок будет достаточно даже неправильное расположение слов, однако для сайта это иначе! Основной ключ должен иметь правильную форму непосредственно в начале title.

Рассмотрим несколько образцов:

Имеется кейворд «красные трусы на люстре»

Чтобы узнать его правильную форму, введём его в вродстат в нескольких вариантах:

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

наилучший вариант

Как вам такое?

Вы знали, что от порядка слов зависит коммерциализация запроса и его интент?

Рассмотрим такой же образец

Видим, что правильная форма комерчесткости является более низкой для информационных keywords, для коммерческих – наоборот.

К тому же, порядок слов имеет свои правила, владея которыми вы получаете возможность осуществлять различные манипуляции, в том числе и для онлайн магазинов. Предположим, вы знаете, где нужно размещать слово «купить»? До главного ключа, или за ним? Если разместить слово перед ним, то он будет иметь более высокую коммерчесткость:

Проще говоря такой трафик имеет более высокую
конверсию.

Установить правильную форму несложно – нужно лишь ввести нужное слово в ковычках в wordstat.

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

Отличие атрибутов title и alt

Чем же отличаются атрибуты title и alt? На первый взгляд они несут похожую информативную нагрузку, тем не менее у них есть отличия и очень существенные.

Атрибут title (не стоит путать с тегом Title) описывает элемент в котором находиться, при наведении на элемент вы увидите описание скрытое в атрибуте. Основное предназначение атрибута — это предоставление дополнительной информации для посетителя сайта. Title должен раскрывать суть элемента, будь это картинка или ссылка.

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

Атрибуты alt и title для картинок.

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

Что писать в атрибутах title и alt?

Атрибут title предназначен для посетителей, для получения подробной информации об изображении. При наведении курсора на картинку мы получим текст который был прописан в тайтле. В title стоит вносить обширное описание, которое даст понять суть картинки.

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

Пример использования атрибутов title и alt при оптимизации картинок.

Давайте рассмотрим на примере использование атрибутов title и alt, и их оптимальное заполнение. Есть у нас вот такая картинка:

Тег img в данном случае имеет вот такой вид:

<img class=”aligncenter size-full wp-image-1314″ src=”//site,ru/content/alt-title-1.png” alt=”Использование alt и title в катринках” title=”Пример использования атрибутов title и alt при оптимизации картинок в записи” width=”466″ height=”345″ />.

С данного примера мы видим что используется значение alt в более строгой форме, оно будет отображено при отключении показа картинок или неполадок с загрузкой изображения. Почему именно в сжатой форме? Дело в том что если мы напишем большой текст и у нас не загрузиться картинка, тогда мы увидим скорее всего дублирование текста. Другими словами не стоит передавать в атрибут alt фрагмент с текста, требуется оптимально короткое его внесение.

Теперь рассмотрим атрибут title, он более обширно представлен, и более информативно для читателя, при наведении курсора на картинку мы увидим действие атрибута title.

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

Оптимизация внутренних ссылок с помощью атрибута title

Для того что бы оптимизировать ссылку используют только один атрибут title. Предназначение атрибута title в ссылке — предоставление информации о предполагаемом переходе, для лучшего понимания куда ссылается автор, и что мы увидим в итоге.

Что писать в атрибуте ссылки title?

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

Текст title должен отличаться от анкора (текста ссылки), это важно и не стоит этого забывать. Так же стоит использовать в title ключевые слова, что увеличат вес целевой страницы

Пример использования атрибута title при оптимизации ссылки

Синтаксис ссылки должен быть следующим:

Как мы видим мы внесли атрибут title в описание ссылки, и анкор отличается от текста тайтла, но и тот и другой информативно рассказывает нам о ссылке, что нам и нужно было добиться.

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

На этом урок посвященный оптимизации картинок и ссылок закончен, впереди еще много интересного, а пока вы можете изучить остальные уроки WordPress и поисковой оптимизации.

Будьте оптимизированными и да прибудет с вами ТОП 1)))

Как тестировать title

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

Поэтому, тестировать Title (изменять после индексации) можно и даже нужно. Конечно, если вы получили желаемый результат и занимаете первые позиции в поисковой выдаче, то такого желания у вас не возникнет.

Способы тестирования:

Запустить контекстную рекламу и посмотреть какой заголовок имеет большей CTR, значит и на выдаче он будет иметь лучшую кликабельность.
Провести A/B тест, например с помощью бесплатного Google Optimize

Изменяя неудачно составленный title, пытайтесь улучшить его, а не просто отредактировать.

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

На заметку. Не стоит полагать, что результат в виде изменения позиций будет моментальным. Главное, что он будет, если делать все правильно.

Что такое title?

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

Мы делаем ставку на поисковую выдачу. Именно там юзеры внимательно изучают названия

Нам нужно привлечь их внимание, чтобы они кликнули на нашу ссылку в результатах поисках, а не предпочли конкурентов

Тайтл — парный мета-тег без атрибутов, который прописывается в HTML-коде в блоке <head>. Чтобы убедиться в этом, вы можете кликнуть правой кнопкой мыши или использовать сочетание клавиш Ctrl + U в браузере.

Среди кучи строк вы увидите наш мета-тег <title>. Вебмастерам и блогерам не обязательно прописывать код с нуля. Ставите сайт на движок Вордпресс, подключаете, настраиваете специальный плагин для публикаций и все готово. Могу посоветовать “Yoast Seo”, “Frontend Publishing Pro” и “WP User Frontend”. Это плагины с расширенным функционалом, которыми легко пользоваться.

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

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

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

«Дека-данс» (2020-)

Фото: Nut

В этом году анимешные боги преподнесли нам настоящий подарок. Действительно, случилось что-то невероятное. Режиссер Юдзуру Татикава («Смертельный парад» 2015, «Врата Штейна» 2011, «Моб Психо 100» 2016) и сценарист Хироси Сэко («Атака титанов» 2013-, «Банановая рыба» 2018, «Сага о Винланде» 2019-) объедении силы, чтобы создать один из лучших тайтлов 2020 года. Нам рассказывают историю девушки Нацумэ, живущей на борту огромной передвижной крепости в постапокалиптическом мире. У нашей героини есть мечта — она хочет стать защитницей гигантской крепости, которая получила название «Дека-данс». Неожиданная встреча сводит девушку с молчаливым и суровым Кабураги — отставным защитником крепости, который теперь выполняет роль рабочего. Бывший воин, скрывающий мрачную тайну, берет шефство над Нацумэ, и начинаются главные приключение. Аниме, начинающееся как смесь «Хроники хищных городов» и «Атаки титанов», быстро превращается в интеллектуальную научно-фантастическую драму — гибрид сериала «Мира дикого Запада» и фильма «Охотник на монстров». Кажется, постапокалиптическое амплуа уже занято бесконечными фильмами и компьютерными играми. Тем не менее Юдзуру Татикава и Хироси Сэко находят новые идеи или по крайней мере ловко сочетают старые. Потрясающий экшен, великолепная анимация и умная история делают «Дека-данс» обязательным для просмотра. Список «лучшие аниме 2020 года» не будет полон без этого тайтла.

Можно посмотреть: Wakanim

Главный ключ – что это такое?

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

Что я имею в виду?

Допустим мы имеем старую и авторитетную страницу, которая уже набрала много поискового трафика. Берём кластер фраз и пробиваем такие позиции.

К примеру, у нас получается такая картина

Правильно ли будет считать лучшим запросом этого кластера самый частотный, т.е. «ключ 1»? Наверное да, но лучше будет сделать главным запрос имеющий не самую высокую частоту, при этом имеющим позицию выше.

Намного легче и эффективней сместить его с 16 позиции в ТОП 3.

Какой он — правильный тег ?

Правильный <title> отвечает всем следующим требованиям:

Имеет длину не более 60, но и не менее 35 символов;
Полностью описывает содержимое конкретной страницы, а не сайта или раздела;
Легко читаем;
Привлекает пользователя;
Не содержит сложных аббревиатур и сокращений;
Не обманывает и не вводит в заблуждение;
Содержит в себе основные ключевые слова страницы;
Не является копией meta description;
Написан на том же языке, что и содержимое страницы;
Не является поисковым спамом или списком ключевых слов.

Уверены, что Ваш тег полностью отвечает всем вышеперечисленным требованиям? Тогда можете считать его просто превосходным.

Правила оформления тайтлов

Мета тэги типа тайтл заполняются веб-мастерами одновременно и для людей, и для поисковых машин по следующим правилам:

Вот на такие моменты я бы рекомендовала обратить внимание и учитывать их при составлении тайтла. В этом случае посетители будут все ваши. Статьи в тему:

Статьи в тему:

Онлайн-эксперимент в блоггинге!

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

Примеры тайтлов

Пример хорошего тайтла: <title> Виды поисковых запросов: полная классификация </title>

Пример плохого тайтла представляет собой бессвязный, нелогичный текст или набор ключевых слов: <title> Двери, купить, недорого, цена </title>

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

Зачем нужны метатеги

Помимо тега <title>, в <head> располагаются теги типа <meta>, которые предназначены для браузеров и поисковых систем. Корректное использование метатегов позволяет увеличить привлекательность сниппетов, управлять индексацией страниц. Также позволяет правильно отображать страницы сайта пользователям. Далее рассмотрим метатеги: description, robots, charset, viewport и keywords.

Meta description

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

Сниппет — фрагмент текста, который представляет сайт в результатах поисковой выдачи. В декабре 2017 года Google расширил длину сниппетов с 160 до 320 символов с пробелами. Для кириллицы следует ориентироваться на длину в 280 символов. Это значение получили ребята из Serpstat, изучив 1 млн сниппетов.

Meta robots

Метатег robots служит для указания правил индексирования конкретных страниц сайта и позволяет следовать по гиперссылкам с данных страниц.

Значение атрибута «name» указывает, что директива актуальна для всех роботов. Вы также можете закрыть доступ только одному из них. Для этого в атрибуте «name» следует указать нужного робота, например, основного робота Google — «googlebot» или Яндекса — «yandex».

Основные значения атрибута content:

index — страница доступна для индексации;
noindex — запрет добавления страницы в индекс;
follow — ссылки на странице доступны к индексации и открыты для передачи ссылочного веса;
nofollow — сигнализирует роботу о том, что переходить по ссылкам и передавать ссылочный вес запрещено;
all — инструкция, аналогичная «index, follow», противоположная настройка: «none».

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

Meta charset

Метатег с атрибутом «charset» указывает на тип кодировки документа. Он применяется для правильного отображения текста страницы браузером. Для операционной системы Windows и кириллицы используют значения атрибута «utf-8» или «windows-1251». Этот метатег следует размещать в самом начале блока <head> до элементов, которые содержат текст, включая тег <title>.

Пример кода:

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

Meta viewport

Метатег «viewport» сообщает браузеру, как следует обрабатывать размеры страницы, изменять ее масштаб под ширину экрана устройства, с которого выполнен переход. Meta viewport — один из пунктов внедрения адаптивного дизайна, когда для всех устройств используется один код с корректировкой по размеру экрана. Для корректного отображения контента сайта на любом устройстве, на всех страницах следует разместить следующий фрагмент кода:

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

Meta keywords

Правильно составленный метатег keywords должен содержать 5-7 ключевых слов, описывающих основное содержание страницы. Раньше он сильно влиял на ранжирование по заданным в нем ключевым словам, но утратил значимость из-за действий недобросовестных вебмастеров и постоянного развития поисковых систем. Тем не менее, для метатега keywords еще не все потеряно. Так, в отчете «Яндекс и Google: факторы ранжирования в 2017 году» от «Ашманов и партнеры» представлен вывод о влиянии метатега на продвижение в Google.