Title

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

 <title>Заголовок</title>

Каким должен быть тег title:

• Текст тега отражает суть страницы.

При несоответствии текста title содержанию страницы сайт может попасть под санкции поисковиков.

• Включает ключевые слова, но не более 2-3.

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

• Не содержит лишних слов.

Лишние слова размывают релевантность title.

Плохо:

Кожаные сумки, рюкзаки из кожи – удобно и элегантно :: Купить кожаную сумку в нашем магазине

Хорошо:

Кожаные сумки, рюкзаки – купить кожаную сумку в Москве

• Легко читается.

Не содержит несогласованных между собой элементов

Плохо:

Купить кроссовки кеды Рибок Reebok детские для детей Киев

Хорошо:

Купить детские кроссовки в Киеве — Reebok

• Уникален внутри сайта и среди конкурирующих ресурсов

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

Найти дубли title можно в Search Console Google:

• Facebook
• Twitter
• Pinterest
• Gmail
• VKontakte

• Содержит от 50 до 150 символов

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

• Не совпадает с h1

Поисковик может расценить двойное употребление ключевых слов, как спам.

---

Description

Мета-тег description — это краткое описание страницы. Играет наибольшую роль в формировании сниппета в поисковой выдаче. Размещается в html сайта внутри тега :

 <meta name="description" content="Описание страницы сайта.">

Как составить Description

Для description действуют те же правила, что и для title, за исключением двух моментов:

• Ключевые слова в Description

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

• Facebook
• Twitter
• Pinterest
• Gmail
• VKontakte

• Длина Description

Этот тег должен подробнее описывать содержание страницы. Поэтому может быть длиннее — от 100 до 200 символов

Название и теги Alt и Title изображений

Название изображений

Оно влияет на выдачу в поиске по картинкам.

• Название файла изображения рекомендуется писать только на латинице, чтобы избежать проблем с отображением названия файла;
• Если изначально название файла было на кириллице, транслитерируйте его, согласно правилам. Для этого можно воспользоваться сервисом Translit;
• Давайте файлам изображений подробные, информативные названия без спама и малопонятных символов.

Плохо:

kupit-sumki-ryukzaki-nedorogo-adidas.jpg – спам ключевыми словами;

IMG436432.jpg – неинформативно.

Хорошо:

sumka-adidas-originals-black-1.jpg;

sumka-adidas-originals-black-front.jpg.

Alt

Атрибут alt содержит текстовую альтернативу изображения. Используются в случаях, когда браузер не отображает фотографию: отображение отключено в настройках браузера, низкая скорость интернет-соединения и др. Приложения для озвучивания контента веб-страниц используют этот текст для описания изображений.

• Facebook
• Twitter
• Pinterest
• Gmail
• VKontakte

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

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

Title изображений

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

• Facebook
• Twitter
• Pinterest
• Gmail
• VKontakte

Title не влияет на ранжирование страницы. Его заполняют для пользователей, на случай, если аудитории будет непонятно, что изображено на картинке.

Требования к тексту атрибута title те же, что и к alt, кто того, что наличие ключевых слов в нем роли не играет.