Правила составления description: подборка актуальных seo-советов
Содержание:
- Как составить хороший Description
- Все правила составления
- Мета теги заголовков (H1-H6)
- Как добавить Description в вордпресс автоматически?
- Нужны ли метатеги?
- Группа значений атрибута NAME
- keywords (ключевые слова)
- Как правильно составить Description?
- Три способа привлечь внимание к сниппету
- Что писать в теге meta description?
- Отсутствуют метатеги в вордпресс – как это исправить?
- Примеры составления Description на все случаи жизни
- Alt атрибуты изображения
- Setting the Viewport
- Мета теги для социальных сетей
Как составить хороший Description
В сети огромное количество материала на эту тему, но в этой статье объединены лучшие практики по составлению этого мета-тега.
1. Соответствие содержанию
Это очень важно, т.к. поисковики всегда узнают о том, что мета-данные на странице не честным путём заставляют посетителей переходить по ссылкам и могут даже наложить фильтры на такие сайты – это плохой пример «чёрного SEO»
Но кроме этого, вводящие в заблуждение описания, обязательно, увеличат показатель отказов – что уже плохо само по себе. Обязательно делайте так, чтобы мета-описание действительно соответствовало содержанию контента на странице.
3. Ключевой запрос
Если ключевое словосочетание поискового запроса совпадает с частью текста в мета-описании, поисковики будут более склонны использовать именно этот фрагмент и выделять его в результатах поисковой выдачи. Этот фактор сделает вашу ссылку на сайт еще более эффективной, а у вас появится косвенная возможность формировать содержание сниппета таким образом, как вы хотите.
4. Стиль изложения
Текст описания должен быть составлен простым и лёгким языком, понятным каждому. Отнеситесь к этому, как к приглашению на вашу страницу. Не рекомендуется использовать сухие фразы на подобии: «Очень скучная фраза, описывающая несуществующий, но очень нужный продукт в определённой мега-сложной сфере». Это описание не будет уникальным и интересным по посетителей, и люди не будут знать, что именно они получат в результате просмотра страницы.
5. Призыв к действию
«Посмотрите какое чудесное средство против пятен. Узнайте как оно за 5 минут удаляет пятна жира!» Это пункт сопоставим с предыдущим пунктом о стиле изложения, но его стоит выделить. Это ваш продающий текст, где промежуточный продукт — это связанная страница, а не сам товар на этой странице. Фразы-мотиваторы, такие как: «Успей купить», «Проверь себя», «Получи бесплатно» будут здесь очень кстати.
6. Использование спецификаций
Например, если у вас есть товар для технически подкованных пользователей, то стоит акцентировать особое внимание на индивидуальные технические характеристики продвигаемого продукта: марка, модель, цена и тому подобное. Если человек целенаправленно ищет данный товар или услугу, то вам не нужно будет его лишний раз убеждать, что бы перейти на вашу страницу, а присутствие такого параметра как цена, почти гарантированно приведёт к клику
7. Оптимальная длина
По большому счету, оптимальной длины для description в SEO не существует. Здесь всё больше зависит от смысла, который вы хотите передать. Стоит написать достаточно текста, чтобы донести сообщение, но в то же время сделать его коротким и ёмким. В настоящее время поисковики в большинстве случаев выдают описания длиной до 200 символов, с редкими модификациями до 300 печатных знаков. Помня это, попытайтесь вложить важную информацию в первых 150 символов описания.
Все правила составления
Рассмотрим основные рекомендации, которых стоит придерживаться при составлении description:
Уникальный description. Не стоит вставлять одно и то же описание для нескольких документов. Оно будет игнорироваться поисковыми системами, которые заинтересованы в уникальности и оригинальности поисковой выдачи. Или и вовсе ваш документ будет понижен в поиске.
Привлекательность. Чем привлекательнее ваше описание, чем больше оно цепляет пользователя, тем больше шанс, что он перейдет по нему.
Морфология. Не перестарайтесь с ключами. Описание пишется не для поисковых роботов, а для людей, которые ищут решение своей проблемы. Поэтому, в первую очередь, description должен быть читабельным и естественным.
Релевантность. Пытаясь зацепить пользователя и разжечь его интерес, не забывайте про релевантность. Описание должно полностью соответствовать содержимому страницы и удовлетворять намерение посетителя.
Объем. Надо найти золотую середину. Короткие описания могут не восприниматься поисковиками, а слишком длинные — обрезаться. Оптимальная длина: 140-250 символов без пробелов.
Ключевые запросы. Не стоит полностью отбрасывать ключи из описания, боясь переспама. Основной ключ, как правило, всегда должен входить в description.
Коммерческое предложение. Если вы продвигаете коммерческий ресурс, то включите в описание то, что выделяет вас среди конкурентов.
Региональность. Если ваш сайт привязан к какому-то городу или региону, то это обязательно нужно отобразить в описании.
Использование цифр или символов
Такой подход при составлении описания позволит привлечь внимание пользователя, так как сниппет вашего сайта будет выделяться на странице поисковой выдачи.
Мета теги заголовков (H1-H6)
Теги подзаголовков – это HTML-теги, используемые для отграничения заголовков и подзаголовков в вашем контенте от других типов текста (например, текста абзаца). Использование heading tags в наши дни является темой многих споров.
Хотя теги H2-H6 считаются не столь важными для поисковых систем, правильное использование тега H1 подчёркивалось во многих отраслевых исследованиях. В то же время Джон Мюллер не устаёт повторять, что подзаголовки вообще не являются факторами ранжирования.
Однако стоит помнить, что заголовки имеют решающее значение для организации контента на страницах сайтов. Использование мета тегов заголовков, безусловно, улучшает архитектуру контента.
- Поисковым системам намного легче читать и понимать хорошо организованный контент, чем продираться через простыни неструктурированного содержания.
- Пользователям заголовки указывают на основные разделы в стене текста и облегчают навигацию по странице.
Оба эти фактора повышают важность тщательной оптимизации мета тегов, когда мелкие детали складываются в большую и удобную для пользователя картину, и могут привести к улучшению позиций в поисковой выдаче
Оптимизация подзаголовков
Заголовки должны соответствовать тому фрагменту текста, который они описывают
То, что они не являются фактором ранжирования (по словам Мюллера), не означает, что поисковые системы не принимают их во внимание.
Заголовки всегда должны отражать тональность текста, над которым они расположены. Избегайте заголовков вроде «Глава 1… Глава 2… Глава 3…».
Не злоупотребляйте тегами и ключевыми словами в них
Подзаголовки должны быть понятны простым людям.
Должны ли совпадать мета-теги title и H1?
Согласно официальным рекомендациям Google по созданию статей, название страницы (в HTML-теге <title>), на которой размещён материал, должен совпадать с заголовком статьи (в теге <h1> или аналогичном). Так что здесь можно обойтись одним и тем же текстом для обоих элементов.
Как добавить Description в вордпресс автоматически?
Стоить отметить, что такой способо актуален при использовании плагина Yoast SEO. Ведь с помощью этого плагина, можно аналогично как с рубриками, указать мета описание для каждой записи. При этом, если у вас будет вручную указано описание, то применение автоматического способа не повлияет на имеющееся.
Простыми словами, если Вы не указали Description внизу записи, тогда плагин Yoast автоматически соберет первые 120 символов из контента и отобразит их в качестве мета описания, для мета тега description. А в том случае, если метаописание заполнили уникальное для конкретной записи, то значит будет отображен этот текст, который Вы заполняли (автоматический вывод мета описание будет игнорироваться).
Давайте посмотрим, где вручную указывается мета описание для записей:
В самом низу записи, будет возможность указать мета описание для конкретной записи. Раньше, в плагине нужно было выбрать – “изменить сниппет”, а сейчас это поле открыто для измений по умолчанию.
Итак. С ручным способом всё понятно, и признаюсь честно – редко заполняю мета описание и Сео-заголовки. Последний у меня просто дублируется названием статьи (это по умолчанию предусмотрено в рамках плагина Yoast SEO).
А теперь, про автоматический способ…
Нужны ли метатеги?
Поисковые системы, такие как Google и Yandex, понимают содержание ряда метатегов и учитывают их при ранжировании сайта. Список метатегов, которые используют поисковые машины:
- Yandex
Перечислим основные метатеги для поисковых систем:
- title;
- description;
- keywords;
- robots.
Метатег robots
Метатег robots управляет индексацией страниц сайта. Данный метатег может иметь несколько значений, которые записываются в атрибут content:
- NOINDEX — запрещает индексирование страницы;
- NOFOLLOW — запрещает проход по ссылкам, имеющимся на странице;
- INDEX — разрешает индексирование страницы;
- FOLLOW — разрешает проход по ссылкам;
- ALL — равносильно INDEX, FOLLOW;
- NONE — равносильно NOINDEX, NOFOLLOW.
Метатег keywords
Keywords — список ключевых слов, которые соответствуют сущности (содержимому) страницы. Много о данном метатеге говорить не будем: как показывает практика можно оставлять его пустым или вовсе не использовать.
Заявление Google об использовании метатегов:
А теперь перейдем к самому важному, разберем главные метатеги для SEO продвижения и ответим на популярные вопросы которые нам задают
Что такое title страницы на самом деле
Title — это прежде всего заголовок документа, который отображается в название окна браузера, но так исторически сложилось, что стало привычней относить его к метатегам.
Для чего нужен Title?
Title —чуть ли не самый важный тег для поисковой оптимизации, имеет большое значение для поисковых систем, а также отображается в результатах поисковой выдачи.
Для Яндекса — 80 символов, 15 слов.
Для Google — 70 символов, 12 слов.
Что должно быть в title?
Title неприменно должен содержать в себе ключевые слова, тоесть запросы по которым вы хотите видеть себя в ТОП-е.
Приведем пример тайтл:
Основные ключевые запросы:
бахилы цена
бахилы оптом
купить бахилы
у вас возникнут вопросы по подобию:
- Как правильно составить тайтл?
- Можно ли в title ставить цену?
- и тд.
Получить ответы на вопросы можно путем анализа title в Топ по вашим запросам. Просмотрите как выглядит выдача поисковика, зайтите в ТОП 10 сайтов и проанализируйте Title. Только после этого можно грамотно составить title.
Description сайта: что это такое
Мета тег description используется для описания содержания страницы. Иногда поисковики используют его для формирования сниппета (то, что вы видите под ссылкой на страницу в выдаче). Тег description — служебная информация, поэтому он никоим образом не может повлиять на внешний вид страницы.
Как писать description что должно быть в description?
Рекомендуемая длина —150-200 символов. Именно такой объем помещается под ссылкой на страницу в поисковой выдаче. Конечно, можно написать и побольше, но в таком случае описание будет выглядеть незавершенным.
Также дескрипшн должен содержать ключевые фразы, по которым продвигается оптимизируемая страница. Самые частотные ключи следует расположить в начале
Важно: употребляйте не больше 3-х ключевых фраз и не повторяйте одно и то же слово больше 5 раз.
Тег description должен быть уникальным, т.е отличным от title и от описаний других страниц сайта. Также не советуем копировать какие-либо части текста со страницы (даже особо удачные) и вставлять их в мета-тег.
Самое главное при написании дискрипшена — точность
Вы должны лаконичино и емко описать содержание страницы и сделать ее привлекательной для пользователя (для чего, собственно, нужен description).
Как посмотреть description страницы?
Способ первый — открыть код элемента и отыскать информацию о метатегах в нем. Способ второй — скачать Netspeak Spider, вставить урл интересующего сайта и в течение минуты получить информацию об описаниях каждой страницы. Очень удобно, когда ищешь дубли.
Группа значений атрибута NAME
«keywords» (ключевые слова)
Keywords поисковые системы используют для того, чтобы определить релевантность страницы тому или иному запросу. При формировании данного значения необходимо использовать только те слова, которые обязательно встречаются в самом документе. Использование тех слов, которых нет на странице, не рекомендуется. Ключевые слова нужно добавлять по одному, через запятую, в единственном числе. Рекомендованное количество слов в «keywords» — не более десяти. Кроме того, выявлено, что разбивка этого значения на несколько строк влияет на оценку ссылки поисковыми машинами. Некоторые поисковые системы не индексируют сайты, в которых в значении «keywords» повторяется одно и то же слово для увеличения позиции в списке результатов.
Если раньше «keywords» имел определённую роль в ранжировании сайта, то в последнее время поисковые системы относятся к нему нейтрально.
HTML-код с «keywords»:
«description» (описание страницы)
Description используется при создании краткого описания конкретной страницы Вашего сайта. Практически все поисковые системы учитывают его при индексации, а также при создании аннотации в выдаче по запросу. При отсутствии «description» поисковые системы выдают в аннотации первую строку документа или отрывок, содержащий ключевые слова. Отображается после ссылки при поиске страниц в поисковике, поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Таким образом, правильный description обязательно должен содержать ключевое слово, коротко и точно описывать то, о чём данная веб-страница. «Description» вместе с «title» образуют очень важную пару значений, от которых зависит то, перейдёт пользователь из поисковой выдачи на веб-страницу или нет! Поэтому «description» и «title» нужно прописывать для каждой веб-страницы!
HTML-код с «description»:
«Author» и «Copyright»
Эти значения, как правило, не используются одновременно. Функция author и copyright — идентификация автора или принадлежности контента на странице. «Author» содержит имя автора веб-страницы, но в случае, если веб-сайт принадлежит какой-либо организации, целесообразнее использовать значение «Copyright».
HTML-код с «author»:
«Robots»
Robots — формирует информацию о гипертекстовых документах, которая поступает к роботам поисковых систем.
У «robots» могут быть следующие значения:
- index — страница должна быть проиндексирована;
- noindex — страница не индексируется;
- follow — гиперссылки на странице учитываются;
- nofollow — гиперссылки на странице не учитываются
- all — включает значения index и follow, включен по умолчанию;
- none — включает значения noindex и nofollow.
HTML-код с «robots»:
keywords (ключевые слова)
У любого сайта есть набор ключевых слов и словосочетаний, по которым поисковые системы ищут нужные ресурсы в сети. Именно эти слова и должны составлять содержимое keywords.
Самый простой способ подобрать нужные ключевые слова для текущей страницы — это определить по каким словам вы сами стали бы искать материал, представленный на ней? Вот это и будут нужные ключевые слова. Пример:
<meta name="keywords" content="мета тег, meta, метаданные, keywords, description">
Ключевые слова указываются через запятую или пробел и могут быть написаны в любом регистре. Рекомендуется указывать не более 10-15 ключевых слов или словосочетаний.
В настоящее время поисковые системы стали более продвинутые и определяют категорию, к которой относится информация, по содержимому веб-страницы, а ключевые слова отошли на второй план или полностью игнорируются.
Как правильно составить Description?
Я выписал основные требования по формированию тега, которые вы должны соблюдать:
Тег встречается 1 раз на странице. Многие сайты не содержат description. Как правило они просто не оптимизированы. А так, конечно, тег может встречаться только один раз на сайте.
Уникальные описания в дескрипшн. У каждой страницы должны быть свои meta tag description без повторений и шаблонов. Ни в коем случае не стоит копировать тег Title.
Длина мета-тега description. Оптимальная длина от 150 символов до 200 символов. Старайтесь укладываться в этот интервал. Приблизительно у поисковых систем Яндекс и Google равное количество слов в предложениях около 15-20.
Содержание ключевых слов в Description. Конечно, обязательно вхождение ключевых слов, но не стоит ими сильно увлекаться. Максимум 1-2 вхождения ключевого слова в тег описания description.
Понятный пользователю description. Он должен быть написан на языке, который указывается на странице, а также понятным, кратким и отражающим суть вашей страницы. Самую важную информацию лучше размещать в самом начале тега.
Упоминание преимуществ но ограничено
Важно, чтобы данные преимущества встречались на самой странице
Как в случае с Title экспериментировать не стоит, но стоит обратить внимание на небольшие преимущества, которые вы можете встретить в description:
Упоминание про доставку
Если дело касается товара, в принципе это актуально и грех не указать данное преимущество.
Например:
Цифры также важны. Числовая информация закладывается в голове у человека. Рассмотрим пример:
Компания по компьютерной помощи:
Читайте в нашем блоге: LSI и SEO тексты – 5 основных отличий
Три способа привлечь внимание к сниппету
Наша задача — написать такие мета-теги, чтобы человек понял, что именно на нашей странице он найдет то, что ищет.
Использование чисел, цифр
Люди верят цифрам. Притом чем больше цифра, тем больше доверие, т.к. это подсознательно сигнализирует о большей выгоде. Например, “100 часов” лучше, чем “4 дня”. Что можно обозначить числами:
- сколько лет на рынке;
- минимальную и максимальную цену;
- количество позиций в каталоге;
- сроки исполнения, доставки;
- процент скидки, сумма, которую можно сэкономить;
- срок гарантии;
- нынешний год, чтобы человек видел, что информация актуальна.
В примерах ниже будут показаны удачные сниппеты, где использованы цифры.
Использование специальных усилительных слов
Обязательно учитывайте, продающий текст вы пишете или информационный!
Информационный текст — ничего не продает, он просто дает читателю полезную, интересную информацию по запросу.
Примерный список “горячих” слов для мета-тегов:
сенсационный,
революционный,
магический,
волшебный,
секрет,
быстро,
легко,
сравните,
мощный,
лучший,
самый,
выигрышный,
горячий,
бонус,
эксклюзивный,
бесплатно,
гарантия,
новый,
проверенный,
безопасный,
деньги,
сегодня,
удивительный,
окончательный,
первый,
важно,
успейте,
специальный,
цена,
доставка,
финальный,
экономия,
акция,
в наличии,
низкая,
преимущество,
сейчас,
любимый,
дополнительно,
вечный,
свежий,
главный,
неожиданный,
изумительный,
срочно.
Эти слова можно использовать и в title, и в description, и усилить цифрами. В зависимости от темы статьи вы можете использовать их и в продающих текстах, и в информационных.
Рассмотрим в таблице ниже примеры привлекательных title и description для информационного текста по запросу “как выбрать профессию”.
Title | Description |
Проверенные способы выбора профессии. Самые востребованные специальности | Какую специальность выбрать, чтобы зарабатывать много денег и любить свою работу. Советы по выбору профессии абитуриентам и школьникам |
Как выбрать профессию: 10 надежных методов | Не можете определиться, кем стать в будущем? Эти методы помогут понять, чего вам хочется, даже если кажется, что ничего не привлекает |
А теперь рассмотрим примеры для продающего текста по запросу “купить пуховик”.
Title | Description |
Распродажа женских пуховиков. Скидки до 70%! | Продажа женских пуховиков по низким ценам. Бесплатная доставка по всей территории РФ от 2 дней! |
Купить женские пуховики от 1499 руб. Более 1000 моделей в наличии | Коллекция женских пуховиков 2019 года. Большой выбор качественных курток от известных брендов, недорого! |
Выводы:
Если текст информационный — нужно рассказать о самом важном, что ждет читателя, привлечь конкретикой, можно надавить на “боль” человека, предугадать, что его может особенно тревожить и интересовать.
Если текст продающий — можно и нужно рассказать об отличиях от конкурентов, уникальности продукта, выгодах, которые предлагает компания, использовать цифры.
Использование спецсимволов
Это черно-белые картинки (стрелки, галочки…) и эмодзи.
Спецсимволами можно приукрасить сниппет, а можно и заменить некоторые слова, например, “телефон”, “перелет”.
В поисковой системе это выглядит так:
Подобрать спецсимволы можно в . Главные требования к ним:
- не переборщить (не нужно ставить после слова-двух, смотрите по смыслу);
- использовать только подходящие по тематике.
Все эмодзи и спецсимволы можно найти здесь.
Использовать их легко: выбрать подходящий и скопировать в поле title или description.
А чтобы убедиться, что выбранный вами эмодзи будет корректно отображаться, скопируйте и вставьте его в поисковую строку. Если при поиске смайлик найден — значит, должен отображаться, и поисковая система его поддерживает. Ищем восторженный смайлик в Google:
Ищем обезьянку в “Яндексе”:
Но может быть и такое, что по каким-то причинам в поисковой системе спецсимволы не отразятся или будут заменены на знаки вопроса, квадраты. Предугадать это невозможно.
Используйте эмодзи в Миратекст! При заливке статьи это будет выглядеть так:
При предпросмотре статьи так:
И на странице со статьей так:
Привлекайте внимание к сниппету спецсимволами, чтобы повысить его кликабельность
Что писать в теге meta description?
О том, как правильно составить description, на что заострить внимание, подробно разъясняют поисковые системы Яндекс и Google. Мы постарались обобщить доступную официальную информацию в следующий свод рекомендаций, которые помогут составить оптимальное мета-описание для вашего сайта
Как правильно заполнить meta description:
Уникальность. Для каждой страницы вашего сайта должен быть прописан уникальный по своему содержанию description. В противном случае поисковые системы при достаточной степени схожести контента на страницах, могут посчитать их за дубликаты. И оставить в поисковой выдаче только одну страницу;
Точность. Мета-описание должно точно характеризовать конкретный контент, расположенный на одной странице. Не нужно добавлять описание всего проекта целиком в каждом мета-теге;
Релевантность. Meta description должен соответствовать той информации, которая находится на странице
Не стоит стараться привлечь внимание пользователей, использую в своих мета-описаниях заголовки из желтой прессы;
Размер. Description не должен быть сильно коротким, он не должен состоять из нескольких слов или словосочетаний
Делайте мета-описания размером не менее 100 символов;
Читабельность. Помните, что ваш сниппет будут читать люди, поэтому описание в нем должно быть емким, но в то же время простым и понятным. Не нужно стараться добавить в meta description как можно больше ключевых слов, поисковые системы с большой вероятностью проигнорируют такое описание. Используйте тематически схожие слова и слова-синонимы, чтобы избежать тавтологий;
Ключевые фразы. Ключевые слова не просто могут, они должны присутствовать в мета-описании каждой страницы. 1-3 ключевых слова в description — хорошая практика. Основное ключевое слово старайтесь разместить в первом предложении.
Обобщение. Мета-описание должно обобщать всю самую ценную информацию на странице. Систематизируйте информацию, разбросанную по странице. Например, для карточки товара это может быть краткое описание товара, цена, производитель, состав, доступные характеристики. Для информационной статьи: основная тема, автор, дата публикации;
Формат. Description должен быть написан на том же языке, что и web-страница. Не стоит злоупотреблять заглавными буквами, спецсимволами, вызывающими лозунгами, знаками препинания.
Актуальность. Мета-описание должно соответствовать актуальной информации на странице. Если вы редактируете содержание странице, поддерживайте в актуальном состоянии и description.
Description — это ваша визитная карточка. При его составлении постарайтесь понять, почему пользователя должен заинтересовать именно ваш контент. Ответив себе, дайте ответ и пользователям.
Есть ли различия в составлении meta description для разных поисковых систем: Яндекс и Google? Давайте попробуем найти отличия в сниппетах и рекомендациях по составлению мета-описаний.
Отсутствуют метатеги в вордпресс – как это исправить?
Начнём с разделов…
Для этого переходим в рубрики (аналогично с метками), и выбираем рубрику и в самом низу спускаемся и заполняем несколько слов, о чем эта рубрика. Здесь не нужно много слов. Достаточно 1-3 предложения. Эта информация не будет отображаться на странице, а служит для мета тега Description.
Например: В этом разделе сайта, находятся первые блюда. На случай, если хотите приготовить какой-нибудь суп, то эта рубрика для Вас.
Аналогично, можно заполнить краткую информацию для всех рубрик и меток. По сути, углубляться в тему, что и как там заполнять – нет особого смысла. Потому как, улучшать видимость меток и рубрик, мы также будем в школе. И в приоритете на самом деле – другие моменты (для рубрик и меток – это SEO заголовок, и в некоторых случаях Описание. В некоторых потому, что по сути – продвижение любого раздела важна релевантность информации в этом разделе, и конечно же титульный заголовок помогает улучшить видимость раздела под нужные запросы)
Сейчас нам главное, чтобы Яндекс снял предупреждение об отсутсвие мета тега description.
Хорошо, с этим всё понятно! И здесь можно пробежаться и ручками прописать 1-3 предложения. Ничего сложного!
Но как быть, если у вас 500 записей… Не будете ведь тратить драгоценное время, на заполнение каждого мета описания для записей. Поэтому, Вам поможет 1 способ, используя который, мета описание будет формироваться автоматически…
Примеры составления Description на все случаи жизни
Для наглядности приведу примеры составления мета тега для различных видов страниц. Такая пошаговая инструкция значительно облегчит ваш труд. Для создания своего сниппета вам будет нужно только заменить ключевые запросы.
Дескрипшен для Главной страницы сайта
Так как Главная страница в большинстве случаев является статической, то есть остаётся неизменной, создание тега для неё строится на семантическом ядре сайта. Если ресурс занимается исключительно продажей товара или услуги, то в этом случае в сниппет будет уместно поместить самые «жаркие» предложения и выгоды.
Пример
Если на главной странице находится описание вашей компании, то мета тег будет выглядеть примерно так:
«Более 15 лет занимаемся продажей сотовых телефонов, планшетов и аксессуаров к ним. Осуществляем доставку товара в регионы. Работаем без посредников». |
Сниппет карточки товара ориентирован исключительно на продажу. Поэтому в нём должна размещаться информация, относящаяся к определенной модели. Для составления дескрипшена для такой страницы потребуются прямые ключи с коммерческим вхождением.
Пример
Поисковые запросы: телефон Хуавей купить, Хуавей P20 Про, Смартфон Huawei P20 Pro, Хуавей в Москве.
Description: «Купить Хуавей Р20 Про по лучшей цене в Москве с бесплатной доставкой. Сравнительные характеристики. Сопутствующие аксессуары к модели. Скидки, подарки, акции. Контактная информация 8(800) 123-45-67 круглосуточно». |
Качественный сниппет повышает время нахождения на сайте и глубину просмотра. Помимо точного наименования можно указать о возможности проведения сравнительного анализа в рамках модельного ряда. Акцент на удобное юзабилити сайта бывает очень эффективным.
Дескрипшен для блога
При создании уникального описания в первую очередь надо обратить внимание на настройки самого блога. На некоторых платформах создание такого тега может быть отключено по умолчанию
Поэтому обязательно включите режим ручного редактирования.
Как правило, страницы блога несут информационную нагрузку, поэтому дескрипшен должен составляться в виде краткого описания статьи. В данном случае можно сделать его немного длиннее. Если вы не хотите создавать отдельный тег, то можно использовать в качестве описания первый абзац текста, в котором рассказывается, о чём пойдет речь в статье.
Пример
Поисковые запросы: как выбрать телефон, виды сотовых телефонов, характеристики смартфонов, правила выбора.
Description: «Как выбрать телефон или смартфон. Основные характеристики: операционная система, размер, мощность батарейки, видеокамера. Бюджетные варианты телефонов хорошего качества». |
Дескрипшен для блога не должен содержать много «воды» и бессмысленных фраз. Содержание должно призывать пользователя заглянуть на сайт, чтобы узнать подобности. Попробуйте завлечь посетителя какой-нибудь уникальной информацией, например, используйте в описании такие фразы, как «секреты выбора», «правила выбора», «пошаговая инструкция».
Alt атрибуты изображения
Атрибут alt изображения добавляется к тегу изображения img для описания его содержимого. Альтернативные атрибуты важны с точки зрения внутренней оптимизации сайта по двум причинам:
- Альтернативный текст показывается посетителям, если какое-либо конкретное изображение не может быть загружено (или если отображение картинок отключено).
- Атрибуты Alt обеспечивают контекст для роботов, потому что поисковые системы не могут «видеть» изображения.
На e-commerce сайтах изображения часто имеют решающее влияние на то, как посетитель взаимодействует со страницей
Поисковики так же прямо заявляют о важности этого тега
Например, Google в своих гайдах для вебмастеров пишет, что помощь поисковым системам в понимании того, что находится на картинках, и как они сочетаются с остальным контентом, помогает соотносить страницу сайта с подходящими поисковыми запросами.
Даже Мюллер писал у себя в Твиттере, что продуманное альтернативное описание изображения необычайно важно, если вы хотите занять высокое место в Google Картинках. Однако не забывайте о релевантности
Не только alt-текст, заголовки и подписи должны соответствовать изображению, но и сама картинка должна размещаться в тематическом контенте
Однако не забывайте о релевантности. Не только alt-текст, заголовки и подписи должны соответствовать изображению, но и сама картинка должна размещаться в тематическом контенте.
Оптимизация alt тега img для изображений
- Сделайте всё возможное, чтобы оптимизировать свои самые важные изображения (картинки товаров, инфографику, инструкции), которые могут получить хорошие позиции в поиске Google Images.
- Добавьте alt-текст на страницах, где не так много другого контента (кроме картинок).
- Делайте тег alt для изображений понятным и достаточно информативным, разумно используйте ключевые слова и убедитесь, что они естественным образом вписываются в содержание страниц.
Setting the Viewport
The viewport is the user’s visible area of a web page. It varies with the device
— it will be smaller on a mobile phone than on a computer screen.
You should include the following element in all your web pages:
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
This gives the browser instructions on how
to control the page’s dimensions and scaling.
The part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).
The part sets the initial zoom level when the page is first loaded by the browser.
Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag:
Tip: If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference.
Without the
viewport meta tag
With the
viewport meta tag
You can read more about the viewport in our Responsive Web Design — The Viewport Tutorial.
Мета теги для социальных сетей
Open Graph был первоначально представлен Facebook, чтобы вы могли контролировать, как страница будет выглядеть при публикации в социальной сети. Сегодня эта разметка поддерживается большинством популярных соцсетей и мессенджеров: ВКонтакте, Твиттер, LinkedIn, Телеграм, Viber, Slack и др.
Вот основные теги Open Graph:
- og:title – здесь вы помещаете заголовок, который будет отображаться при ссылке на вашу страницу.
- og:url – URL вашей страницы.
- og:description – описание вашей страницы. Помните, что, например, Facebook будет отображать всего около 300 символов описания.
- og:image – здесь вы можете поместить URL-адрес изображения, которое будет отображаться при ссылке на вашу страницу.
Используйте специфические метатеги социальных сетей, чтобы улучшить внешний вид ваших ссылок для подписчиков. Это не особо сложная функция и она не влияет напрямую на ранжирование. Однако, настроив красивое отображение ссылок, вы улучшите CTR и UX.
Как внедрить мета теги для социальных сетей
- Добавьте базовые и дополнительные метаданные, используя протокол Open Graph, и проверьте URL-ы, чтобы увидеть, как они будут отображаться.
- Настройте карточки для Твиттера и просмотрите результат.
- Дополнительную справку по мета тегам семантической разметки страниц можно получить в Яндексе.
- В Яндекс Вебмастере есть отдельный инструмент (валидатор) для проверки микроразметки, который подходит и под Open Graph.
- Для WordPress существует множество готовых решений. Я, например, использую плагин Yoast SEO.