Пособие по составлению идеального description
Содержание:
- Базовые теги
- Описание – основной мотиватор для кликов по результатам выдачи
- Что такое SEO теги title? (и почему они так важны?)
- Работа с мета-тегом Description
- Управление режимами Internet Explorer
- Как корректно заполнить тег Title
- Что такое мета тег description?
- keywords (ключевые слова)
- Что такое Description
- Шаг 3. Подготовьте ОСНОВУ тега title
- Встраивание элементов
- Нужно ли вообще оформлять description?
- Что писать в теге meta description?
- 2.Оптимальная длина description
- § 4. Технические мета-теги
- Что такое мета Keywords?
- Какого размера должен быть Description
- Мета теги для SEO (поисковой) оптимизации
- § 5. Заключение
- Заключение
Базовые теги
<!—…—> — тег для добавления комментариев в документ. Помещённые внутри него теги не интерпретируются браузером.
<!DOCTYPE> — показывает браузеру тип документа, сообщает его версию и язык.
<html></html> — корневой тег, который сообщает браузеру, что это HTML-документ. Все остальные элементы помещаются внутри него.
<head></head>— контейнер, в который помещаются метаданные документа, не видимые пользователям, но считываемые поисковыми роботами: например, <title> или <style>.
<meta> — тег для оформления метаданных документа, используемых браузером для обработки страницы, а поисковиками — для индексации.
<body></body> — тег, обрамляющий видимую пользователям часть документа. Всё, что вы укажите внутри этого контейнера, отобразится на странице. Тег <body> имеет несколько атрибутов, позволяющих управлять цветами.
<body bgcolor=?> — цвет фона документа в формате RGB.
<body text=?> — цвет текста.
<body link=?> — цвет гиперссылок.
<body vlink=?> — цвет гиперссылок, по которым уже переходили.
<body alink=?> — цвет гиперссылок при нажатии.
<title></title>— метатег, который задаёт название страницы, отображаемое на вкладке браузера.
<header></header> — определяет содержимое блока с вводной информацией сайта или группой ссылок.
Описание – основной мотиватор для кликов по результатам выдачи
Исследование Ignite Visibility показало, что пользователи по большей части выбирают ссылку, на которую будут кликать, по ее описанию в сниппете. В исследовании участвовали больше 500 пользователей Google 25-60 лет.
Другие интересные выводы исследования:
- решение о переходе на страницу пользователи чаще принимают после просмотра трех и более ссылок на первой странице выдачи. То есть топ-1 не гарантирует, что на ссылку кликнут;
- 85,2% опрошенных говорят, что не восприимчивы к рекламе и чаще всего переходят по органическим ссылкам;
- 66,7% респондентов отметили, что если Google будет увеличивать количество рекламы в выдаче, они будут реже обращаться к этой ПС;
- 55% хотели бы видеть текст в выдаче поиска, несмотря на тенденцию увеличения числа графического контента в SERP.
Итак, исследование говорит, что описание – самый популярный фактор при выборе ссылки для клика
Значит, SEO-шнику стоит уделить этому метатегу внимание? Разберемся далее.
Что такое SEO теги title? (и почему они так важны?)
Тег title — это элемент HTML, используемый для указания заголовка веб-страницы.
Вот как он выглядит в чистом виде:
Его основная задача — рассказать посетителям и поисковым системам, чего им ожидать от посещения веб-страницы (как можно короче).
Но из-за того что теги title обычно появляются в поисковой выдаче.
И когда страницей/постом делятся в соцсетях:
Вот ещё пара причин, почему теги title важны:
- Первое впечатление: ваш заголовок — это обычно первое что видят потенциальные посетители, когда что-то ищут. Это ваш шанс произвести хорошее впечатление;
- Презентация бренда: Люди доверяют брендам. Если вы широко известны в своей отрасли, убедитесь что бренд хорошо виден в заголовке. Опять же, так вы побуждаете кликать, что даст вам больше трафика (подробнее об этом далее).
И не забывайте, что Google (и другие поисковые системы), помимо прочего, смотрят на ваш тег title, чтобы понять о чём идёт речь на странице.
Скорее всего, именно поэтому существует лёгкая корреляция между использованием ключевых слов в теге title и позициями.
Примечание. Поскольку корреляция != причинно-следственная связь, график стоит воспринимать со здоровой долей критики. Всё же, 0,0496 — довольно слабая корреляция. В любом случае, это не значит что вам обязательно нужно вписывать запрос с точным вхождением в тег title. Не обязательно. Со времени внедрения Hummingbird, Google поумнел и теперь понимает синонимы и «естественную речь».
В чём разница между тегами title и H1?
Если коротко, — во всём. Это абсолютно разные HTML-теги.
Путаница возникает из-за того, что часто title и H1 выглядят одинаково.
Например, вот тег H1 для нашего списка 75-ти SEO советов.
Он выглядит точно так же, как тег title.
Это обычная практика для большинства веб-сайтов, потому что так проще и понятнее. Если пользователи переходят из поисковой выдачи кликая по определенному заголовку, скорее всего, они ожидают такой же (или похожий) заголовок на странице.
Как их различать?
Если коротко, тег title вы видите в поисковой выдаче и когда делитесь контентом практически на любой платформе. Тег H1 — это «заголовок», который вы видите на странице.
Не путайте его с заголовком во вкладке браузера — это тег title.
Don’t confuse this with the title that’s visible in the tab of your browser—this is the title tag.
Итак, теперь вы понимаете, что такое тег title и как он важен. Давайте поговорим о том, как его правильно составить.
Но сначала несколько вещей, на которые стоит обратить внимание
Работа с мета-тегом Description
Разделим сайты на несколько составляющих:
В первом случае работа с description заключается в разделении структуры, составлении правильного шаблона, который будет вызывать description в сниппете в большинстве возможных вариантах поисковых запросов. Для примера возьмём интернет магазин чая на opencart. В данном случае у нас есть главная страница (1.1), категории и подкатегории (1.2), производители (1.3) и товары (1.4).
1.1 – составляем вручную
“Интернет магазин чая Чайничек. Всегда недорого. В Чайничке – новогодняя распродажа чая по суперценам. +380976665554.”
1.2 – шаблон вида:
“Продажа $НазваниеКатегории в Украине с удобной доставкой Новой Почтой. Сейчас на *Название категории* проходят новогодние скидки.”
1.3 – шаблон вида:
“Продажа чая $НазваниеПроизводителя в Украине с удобной доставкой Новой Почтой. Сейчас на чай *Название категории* действуют новогодние скидки.”
1.4 – шаблон вида:
“Продажа чая $НазваниеТовара в Украине с удобной доставкой Новой Почтой. Покупай чай $НазваниеТовара по новогодней скидке. Самая низкая цена в Украине.”
Как вы поняли, $ – суть переменной, которую нужно отловить и вшить в шаблон этого вида. С этой задачей справится как программист, так и средний SEO-оптимизатор.
Для сайтов типа 2 и 3 ничего не поделать – description придется прописывать вручную.
Цены на составление и размещение description
Работа с description для интернет магазина на opencart обойдётся в среднем до $20-30. Сюда войдёт: анализ СЯ для определения основных моментов шаблонирования, составление шаблонов для всех структурных единиц сайта, интеграция шаблонов в CMS.
При ручном составлении и размещении description на страницах (любая платформа) – от $10 за 30 страниц.
Управление режимами Internet Explorer
Заключительный мета-тег, который должен присутствовать на Ваших страницах, позволяет в зависимости от указанного значения content сообщить браузеру Internet Explorer как отображать документ (в каком режиме) в зависимости от версии, которая используется в данный момент:
<meta http-equiv = "X-UA-Compatible" content = "IE=edge">
Атрибут content задает режим для страницы, например, чтобы имитировать работу Internet Explorer 7, укажите IE=EmulateIE7. Укажите IE=5, IE=7 или IE=8, чтобы выбрать один из этих режимов совместимости. Также можно задать IE=edge, чтобы использовать в Internet Explorer 8 наивысший доступный режим.
Значение IE=edge сообщает браузеру пользователя, что необходимо использовать последний доступный режим отображения документа, используйте это значение на своих страницах.
Грамотное размещение метаданных на каждой странице Вашего сайта, сделает его привлекательным для поисковых машин и упростит процесс индексации.
Как корректно заполнить тег Title
Правильно оформленный тег Title понравится и поисковым системам, и пользователям. Чтобы сделать все правильно, достаточно придерживаться следующих правил:
Прежде всего, заполненный тег Title является обязательным элементом веб-страницы. Оставлять его пустым нельзя ни в коем случае.
Тег Title используется на странице только один раз в блоке HEAD.
Содержание тега Title должно быть уникальным для каждой страницы сайта.
Рекомендуемая длина текста в теге Title – от 60 до 120 символов. Но стоит не забывать, что сниппет страницы в поисковой выдаче может отображать до 70 символов (включая пробелы), и лучше уложиться в эти рамки. В общем, чем короче и понятнее, тем лучше.
Текст тега Title должен кратко и максимально понятно описывать содержимое страницы. Также не стоит забывать о его релевантности основному тексту документа.
Ключевые слова стоит размещать в начале текста тега Title – это положительно сказывается на ранжировании страницы в поиске. Также пользователь скорее кликнет на текст, соответствующий его запросу.
В тексте тега Title нельзя просто перечислять одни и те же ключевые слова (даже в разных падежах), текст не должен быть бессмысленным.
Если в тексте тега используется несколько разных ключевых слов, их оптимальное расположение будет следующим: основная ключевая фраза/слово – второстепенная ключевая фраза /слово – название бренда.
Желательно использовать схожую структуру построения и стиль для тегов Title на страницах всего сайта.
Что касается использования названия бренда в тексте тега Title, то если компания известная, его можно ставить ближе к началу текста (чтобы пользователи скорее обратили на него внимание). В остальных случаях рекомендуется использовать имя бренда ближе к концу текста
Что касается сниппета, название страницы из тега Title должен сочетаться с информацией в описании страницы, выступая в роли вводного текста.
Не нужно включать в текст тега Title не несущие дополнительной информации слова вроде «Добро пожаловать» и т.д.
Стоит отнестись с осторожностью к дополнительным символам, например, «=», «/», «!», «?», «*» и т.д., и по возможности их не использовать в тексте тега. Также не стоит использовать символы для украшения заголовка – они визуально перегружают текст и затрудняют его восприятие
Существует мнение, что лучше избегать использования в title стоп-слов (и, о, или, я, к, до, не и т.д.), так как поисковые системы их всё равно игнорируют.
В заголовках страниц не следует использовать устаревшие, нераспространенные слова, которые могут ввести пользователя в заблуждение и переключить его внимание на другие сайты. Это правило не касается сайтов со специфичной информацией, где использование терминологии, в том числе и в теге Title, обязательно
Рекомендуется использовать схожие ключевые слова в тегах Title и H1.
Что такое мета тег description?
Description (с англ. «описание») — тег, содержащий в себе обобщенную информацию о странице. Относится к группе meta. В данную группу входит достаточно большое количество тегов, но сегодня речь пойдет именно о description.
Он не отображается на сайте и служит для «технического» описания страницы. В основном, используется поисковыми системами для определения сути и кратного содержания документа.
Располагается в головной части страницы между тегами <head></head>. К примеру, наш выглядит следующим образом.
Синтаксис description крайне прост:
<meta name=»description» content=»Тут находится Ваше описание«>
Вот и весь тег.
Зачем description Яндексу и Google?
Как Яндекс, так и Google используют этот тег схожим образом. Они опираются на него при формировании сниппета — описания web ресурса в поисковой выдаче. Сниппет для нашего сайт выглядит следующим образом.
Так как поисковые системы стараются сделать органическую выдачу максимально качественной, то наличие этого тега просто необходимо. Ведь он позволяет сделать сниппет привлекательнее и информативнее для пользователя.
(Безусловно, и Яндекс и Гугл могут брать информацию для сниппета из самого текста страницы, но это не означает, что description прописывать не нужно!)
В последних версиях Яндекс Вебмастера даже появились предупреждения связанные с ошибками в заполнении этого мета тега. О них поговорим ниже.
keywords (ключевые слова)
У любого сайта есть набор ключевых слов и словосочетаний, по которым поисковые системы ищут нужные ресурсы в сети. Именно эти слова и должны составлять содержимое keywords.
Самый простой способ подобрать нужные ключевые слова для текущей страницы — это определить по каким словам вы сами стали бы искать материал, представленный на ней? Вот это и будут нужные ключевые слова. Пример:
<meta name="keywords" content="мета тег, meta, метаданные, keywords, description">
Ключевые слова указываются через запятую или пробел и могут быть написаны в любом регистре. Рекомендуется указывать не более 10-15 ключевых слов или словосочетаний.
В настоящее время поисковые системы стали более продвинутые и определяют категорию, к которой относится информация, по содержимому веб-страницы, а ключевые слова отошли на второй план или полностью игнорируются.
Что такое Description
Description — это МЕТА-тег, который отвечает за описание страницы
Его заполнение является важной частью оптимизации сайта, так как поисковые системы очень часто используют данные этого МЕТА-тега для формирования описания страницы в сниппете в поисковой выдаче. Description, можно сказать, выступает своеобразным анонсом того, что пользователь может увидеть на странице, если перейдет на нее
Помимо этого, описание страницы является фактором ранжирования для поисковых систем, так как позволяет роботу понять, контент какого характера находится на странице, и насколько он соответствует поисковому запросу.
Располагается этот МЕТА-тег в блоке <head> </head> html-страницы:
<head> <meta name="description" content="Описание страницы"> </head>
Как выглядит Description в поисковой выдаче
Обратите внимание, что в поисковой выдаче Яндекса теперь доступно расширенное описание — при нажатии на надпись «Читать еще» вы сможете увидеть доплнительную информацию, которая входит в описание
Шаг 3. Подготовьте ОСНОВУ тега title
Следующим шагом подготовьте основу тега title.
Вот правила:
- Сосредоточьтесь на информативности: он должен точно описывать содержание страницы/поста и подготовить читателя;
- Краткость — сестра таланта: окончательная версия тега title не должна быть длиннее 50–60 символов. Дальше в руководстве вам нужно будет добавлять новые слова и работать с основой. Поэтому оставьте место для действий.
- Не забудьте про ключевые слова: обязательно впишите главное ключевое слово в тег title. Если возможно, добавьте и long-tail варианты.
Хорошо. Теперь давайте составим основу тега title для нашего списка 75 советов по SEO.
Для начала сгодится что-то вроде такого:
Сюда входят и наш основной запрос («SEO tips»), и его long-tail вариант («SEO tips 2018»).
Примечание. Как видите, long-tail запрос в теге title не вписан как есть (т.е. «SEO tips 2018»)
Но это неважно. Google достаточно умён чтобы понять что число «2018» в заголовке значит что эти советы свежие и относятся к 2018-му году
Было бы нелепо вставлять точную фразу «seo tips 2018». К тому же, непонятно как её читать.
Да, он довольно прост. Но простота это хорошо. Только смотрите чтобы он был понятным.
Sure; it’s quite basic. But basic is good—just make sure it’s descriptive.
Давайте попробуем составить ещё один заголовок. В этот раз для нашего руководства по мультиязычному SEO:
Это просто, не правда ли?
Но как насчёт страницы товара?
Вот пара примеров гипотетической компании по печати визиток.
Примечание. Не бойтесь придумывать пару примеров заголовков. Вы можете взять их оба и решить, какой из них лучше в самом конце.
Всё так просто.
Помните, что Ваша основная цель — сделать понятный заголовок. Не пытайтесь запихнуть туда кучу ключевых слов или “оптимизировать” каким-либо другим способом. Просто опишите свою страницу точно и лаконично.
НЕ БОЙТЕСЬ СМЕШИВАТЬ РАЗНЫЕ ФРАЗЫ…
Вполне нормально, если вы добавите что-то ещё, или даже замените слова.
Например, предположим что ваш ключевик — «best protein powder». Такой заголовок годится:
Можно использовать синонимы.
Google отлично понимает цель поиска пользователя. Поэтому он поймёт о чём речь.
Встраивание элементов
<img></img> — вставка изображения. Имеет атрибут src, который указывает на адрес нужного файла. Есть и другие атрибуты:
<img src=»name» align=?> — выравнивание к одной из сторон документа. Например, значение right переместит рисунок в правый край, а left — в левый.
<img src=»name» border=?> — позволяет настроить в пикселях толщину рамки вокруг изображения.
<picture></picture> — контейнер для расположения элемента <img> без <source>, который даёт браузеру возможность самостоятельно выбрать подходящую картинку.
<audio></audio> — вставка звукового контента.
<video></video> — вставка видео (поддерживается Ogg, WebM и MP4).
<source></source> — указывает местоположение файла для <video>, <audio> и <picture>
<track> — формирует субтитры для <video> и <audio>.
<object></object> — контейнер, через который встраиваются мультимедийные файлы. Для передачи параметров применяется тег <param>.
<hr> — размещает на странице горизонтальную линию. Имеет несколько атрибутов.
<hr size=?> — устанавливает высоту линии.
<hr width=?> — устанавливает ширину линии.
<hr noshade> — убирает тень у линии.
<hr color=?> — задаёт цвет линии.
<script></script> — определяет выполнение сценария на стороне посетителя сайта. Может содержать сам скрипт или иметь ссылку на внешний источник.
<noscript></noscript> — ограничивает фрагмент документа, в котором скрипт не выполняется.
Нужно ли вообще оформлять description?
Конечно, многих владельцев сайтов волнует вопрос: «Нужно ли оформлять description?» К сожалению, на него нет однозначного ответа. Так как если рассмотреть сайты, то можно увидеть, что не везде он присутствует.
Для примера рассмотрим сайты, которые находятся в топ-10 по запросу «заработок в интернете». На некоторых из них вообще отсутствует дескрипшен, а ведь они занимают лидирующие места по высокочастотному запросу. Как такое может быть? Наверное, поисковики не сильно придираются к этому, так как они и сами могут оформить сниппер для страницы.
Но все-таки многие веб-мастера считают, что при правильном оформлении дескрипшен можно увеличить посещаемость своего сайта.
Что писать в теге meta description?
О том, как правильно составить description, на что заострить внимание, подробно разъясняют поисковые системы Яндекс и Google. Мы постарались обобщить доступную официальную информацию в следующий свод рекомендаций, которые помогут составить оптимальное мета-описание для вашего сайта
Как правильно заполнить meta description:
Уникальность. Для каждой страницы вашего сайта должен быть прописан уникальный по своему содержанию description. В противном случае поисковые системы при достаточной степени схожести контента на страницах, могут посчитать их за дубликаты. И оставить в поисковой выдаче только одну страницу;
Точность. Мета-описание должно точно характеризовать конкретный контент, расположенный на одной странице. Не нужно добавлять описание всего проекта целиком в каждом мета-теге;
Релевантность. Meta description должен соответствовать той информации, которая находится на странице
Не стоит стараться привлечь внимание пользователей, использую в своих мета-описаниях заголовки из желтой прессы;
Размер. Description не должен быть сильно коротким, он не должен состоять из нескольких слов или словосочетаний
Делайте мета-описания размером не менее 100 символов;
Читабельность. Помните, что ваш сниппет будут читать люди, поэтому описание в нем должно быть емким, но в то же время простым и понятным. Не нужно стараться добавить в meta description как можно больше ключевых слов, поисковые системы с большой вероятностью проигнорируют такое описание. Используйте тематически схожие слова и слова-синонимы, чтобы избежать тавтологий;
Ключевые фразы. Ключевые слова не просто могут, они должны присутствовать в мета-описании каждой страницы. 1-3 ключевых слова в description — хорошая практика. Основное ключевое слово старайтесь разместить в первом предложении.
Обобщение. Мета-описание должно обобщать всю самую ценную информацию на странице. Систематизируйте информацию, разбросанную по странице. Например, для карточки товара это может быть краткое описание товара, цена, производитель, состав, доступные характеристики. Для информационной статьи: основная тема, автор, дата публикации;
Формат. Description должен быть написан на том же языке, что и web-страница. Не стоит злоупотреблять заглавными буквами, спецсимволами, вызывающими лозунгами, знаками препинания.
Актуальность. Мета-описание должно соответствовать актуальной информации на странице. Если вы редактируете содержание странице, поддерживайте в актуальном состоянии и description.
Description — это ваша визитная карточка. При его составлении постарайтесь понять, почему пользователя должен заинтересовать именно ваш контент. Ответив себе, дайте ответ и пользователям.
Есть ли различия в составлении meta description для разных поисковых систем: Яндекс и Google? Давайте попробуем найти отличия в сниппетах и рекомендациях по составлению мета-описаний.
2.Оптимальная длина description
Если взять рунет, то здесь есть два основных поисковика, с которых приходят посетители: Yandex и Google
Но Яндекс, хоть и признает на своем блоге важность составления description, но на деле, он его редко когда использует и берет описание сайта, просто из самого текста. Причем, зачастую, он может взять и сразу два фрагмента, которые не являются одним целым
Поэтому, составлять description для Яндекс, дело не очень благодарное.
Другое дело Гугл. Он в большинстве случаев, использует description для описания сайта в поисковой выдаче. Давайте посмотрим на него поближе.
2.1. Оптимальная длина описания Description для отображения на настольных ПК
Почти каждый спрашивает о длине описания метаданных, но ответ на этот вопрос немного сложнее и не такой однозначный.
Обычно, description измеряют в количестве символов. Но это, не совсем верно. Поскольку Google ориентируется не столько на количество символов, сколько на ширину в пикселях.
Эта ширина, постоянно изменяется, но на данный момент, она составляет примерно 920 пикселей в ширину. В редких случаях ширина может быть больше, до 945 пикселей, что составляет около 230 символов.
Этот сервис, показывает не только количество символов, но и размер в пикселях.
Не имеет смысла полагаться на любой из плагинов или инструментов, который измеряет только символы.
2.2. Оптимальная длина description для мобильных устройств
Раз уж речь пошла о пикселях, то становится понятным, что величина description для мобильных устройств, будет другой. Пользователи все чаще используют мобильные устройства для серфинга. Различные типы контента привлекают разных пользователей на разных платформах. В зависимости от страны, соотношение просмотров с мобильных устройств и ПК может быть разным. Самый простой вариант, это проверить по вашей системе статистике, с каких устройств к вам приходят.
Вообще, в большинстве стран СНГ, соотношение мобильников и ПК, примерно одинаково, однако, если ваша целевая аудитория, другие страны, то лучше проверить эту статистику. Так, например, статистика по США, уже значительно другая.
Как вы можете видеть, мобильная оптимизация – на сегодняшний день, это необходимость. Эта оптимизация также применима к метаописаниям, поскольку длина метаописания на мобильных телефонах и планшетах меньше длины на настольных устройствах.
Оптимальная длина мета-описания, установленная в метатеге HTML
Максимальная ширина фрагмента в последнее время может достигать 1000 пикселей в Google. В зависимости от мобильного устройства вы можете увидеть description длиной до 100 — 230 символов. Лучше всего – ограничить его 120 символами.
Моя рекомендация
Description, отображаемый на мобильных устройствах, может быть разной длины. Поэтому, при создания description, который будет хорошо смотреться в мобильной выдаче, вы должны придерживаться двух простых правил:
- Напишите короткие метатеги описания (около 120 символов)
- Поместите всю важную информацию, включая сфокусированные ключевые слова, в начале описания.
Основные правила генерации фрагментов метаданных в поисковой выдаче.
Вероятно, вы заметили, что поисковые системы могут или не могут использовать метатеги описания в поисковой выдаче. Почему Google иногда игнорирует наше мета-описание, а иногда просто принимает его?
Google часто генерирует свое собственное мета-описание из содержимого страницы, а не из метатег, как это в основном делает Яндекс. Невозможно заранее предсказать со сто процентной уверенностью, примет Гугл ваше описание или нет.
Но все же, есть основные моменты, соблюдая которые, ваш description, наверняка попадет в поисковую выдачу.
- Если посетитель ищет ключевые слова, которые у вас есть в description, то Гугл, скорее всего, будет использовать ваше описание.
- Если у вас есть ключевые слова в содержании вашей страницы, но не в discription, то Гугл, скорее всего, не будет использовать ваше описание.
Американский поисковик отображает в описании страницы в поисковой выдаче чаще всего те данные, которые указаны в МЕТА-теге Description. У большинства сайтов в описании выводится 2 строки текста. Некоторым Google выводит 3 строки, но это редкость и, скорее, исключение из правила.
Google постоянно экспериментирует с длиной МЕТА-описаний. Так, в декабре 2017 года количество символов в описании страницы могло превышать 300 символов, а в середине мая 2018 года сниппеты опять укоротили — это подтвердил специалист Google Дэнни Саливан:
Сейчас рекомендуемая длина описания — 150-160 символов, так как именно такое количество умещается в 2 строки, все что идет дальше — будет обрезано.
Подробные рекомендации от Google вы можете прочитать в руководстве «Как обеспечить показ информативных заголовков и описаний страниц в результатах поиска Google»
§ 4. Технические мета-теги
Технические мета-теги, для сайта, значат очень много. С их помощью можно управлять отображением страницы, настройками индексирования и т.д. В этом уроке мы рассмотрим основные технические мета-теги.
-
content-type — тип документа и его кодировка. Этот мета-тег нужен для правильного отображения символов браузером.
Кодировок существует много. Большинство из них тебе даже никогда не встретится. Не говоря уже про то, что ты будешь их использовать сам. Современные браузеры определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в операционной системе Windows, языком которой является русский, то кодировка будет «windows-1251», а код для вставки мета-тега такой:Содержимое мета-тега «title» Основное содержимое страницы
-
content-language — указание языка документа. Значение этого необязательного мета-тега используется как поисковыми роботами, так и web-серверами. Код для вставки:
Содержимое мета-тега «title» Основное содержимое страницы
-
refresh — время (в секундах), через которое произойдет автоматическая перезагрузка документа или переход на другую html-страницу с заданным адресом (url). Например, чтобы производить атоматическую перезагрузку документа каждые 30 секунд, нужно вставить этот мета-тег так:
Содержимое мета-тега «title» Основное содержимое страницы
А, чтобы, спустя 5 секунд, перейти на страницу по адресу http://www.seoded.ru/, нужно записать так:
Содержимое мета-тега «title» Основное содержимое страницы
-
robots — мета-тег, который отвечает за настройки индексирования страницы. У мета-тега «robots» могут быть следующие значения:
- index — страница индексируется;
- noindex — страница не индексируется;
- follow — гиперссылки на странице учитываются;
- nofollow — гиперссылки на странице не учитываются
- all — заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);
- none — заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.
Код для вставки мета-тега «robots»:
Содержимое мета-тега «title» Основное содержимое страницы
author и copyright — мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки:
Содержимое мета-тега «title» Основное содержимое страницы
Что такое мета Keywords?
Keywords — HTML-тег для указания ключевых слов страницы. Данный тег является анахронизмом, пережитком прошлого. Яндекс и Google не учитывают его в ранжировании совсем. В коде Keywords, также как и Description, располагается в <head>-блоке документа и выглядит следующим образом:
<meta name="keywords" content="ключевые слова">
Заполнением этого тега можно абсолютно спокойно пренебречь. Тем не менее, с очень маленькой долей вероятности, этот тег до сих пор играет роль для поисковой системы Yahoo и из него может браться информация некоторыми каталогами и рубрикаторами. Я же прописываю Keywords просто по привычке, да и паранойя — а вдруг когда-нибудь и где-нибудь его содержимому будет предано хоть какое значение. В общем заполнять или нет — сугубо на ваше усмотрение.
Какого размера должен быть Description
В классическом исполнении дескрипшен должен быть составлен из 150-200 символов. Однако если такой объём превышен – это не считается ошибкой. Поисковые системы всё равно индексируют весь блок, поэтому урезать его не имеет смысла.
Другой вопрос, что пользователь сможет увидеть в сниппете только определенное количество фраз, поэтому старайтесь всё самое важное прописывать в первых предложениях. Если текст будет оборван на самом интересном месте, то для пользователя это будет своеобразной приманкой
Сработает поведенческий фактор. Он обязательно захочет узнать продолжение и зайдет на сайт.
Социальные сети очень сильно урезают свои сниппеты, поэтому при посещении страницы также срабатывает поведенческий фактор – желание узнать больше.
Сниппет страницы социальной сети
Мета теги для SEO (поисковой) оптимизации
Title
Заголовок страницы. В индексе это — крупная синяя ссылка на сайт, в браузерных вкладках — название.
Как заполнять
Атрибут должен содержать основные ключевые слова и конкурентные преимущества
Важно, чтобы пользователь сразу понял, что Вы предлагаете, и почему данный ресурс ему подойдет. Основная сложность — вместить нужную информацию в четко заданный поисковыми системами лимит символов
У Google максимум — 70 (12 слов), у Яндекс — 80 (15 слов).
Рассмотрим пример. Дано: ключевые слова «купить кресло», «купить кресло недорого», «купить удобное кресло»
Неудачный title: Купить кресло. Купить удобное кресло, купить кресло недорого
Удачный title: Как купить удобное кресло недорого с доставкой и получить скидку 15%?
Description
Краткий «анонс» страницы в результатах поиска. Несколько коротких предложений, в которых используются ключевые слова (не все — наиболее значимые) конкретной страницы. Рекомендуемая длина meta тега — 160-200 символов.
Мета-теги Title и Description составляются отдельно для каждой страницы сайта, т.к. все разделы должны иметь собственный список ключевых фраз, соответствующий тематике и содержимому.
С помощью meta name description поисковым роботом описание страницы — сниппет. Он отображается в результатах поиска под title.
Если атрибут не заполнен либо сформирован не по правилам (значительно превышен лимит символов, переспам), то поисковый робот составляет описание автоматически, «собирая» его по кусочкам фраз на странице. Результат получается не сильно привлекательный и «продающий».
Как заполнять
Дано: магазин продажи книг; ключевые слова «интересная книга», «купить книгу»
Неудачный Description: Книги издавна являются одними из самых близких «друзей» человека. Интересная книга помогает скоротать время, дает полезные знания, раскрывает занимательные факты, пробуждает эмоции. Потому стоит задуматься о том, чтобы купить книгу в нашем магазине.
Удачный Description: Нужна интересная книга? В нашем магазине — широкий выбор тематик: от узкоспециальной литературы до мировых бестселлеров. У нас Вы можете купить книгу с доставкой в течение 1-5 дней в любой регион РФ. Первым покупателям — скидка 10%.
Keywords
Сообщает поисковому роботу ключевые слова, под которые «заточен» контент. Поисковый робот сверяет фразы в содержимом страницы с указанными в данном теге, а полученные результаты учитывает в дальнейшем при определении позиций ресурса.
Сейчас поисковики не придают данному атрибуту такой вес, как раньше. Но грамотное использование его не будет лишним.
Как заполнять
§ 5. Заключение
Это все метатеги в HTML, которые будут нужны новичку. Остальные специфичны и могут понадобиться тебе после того, как наберешься опыта и будешь точно знать, что делаешь. Из всех же вышеперечисленных мной настоятельно рекомендую использовать на каждой странице твоего сайта следующие:
Заголовок страницы
Остальные применяй по мере необходимости, но особо не заморачивайся. Помни, что мета-теги не сделают твой сайт интересным, они могут лишь помочь браузеру и web-серверу правильно отобразить страницы сайта, а поисковой системе их найти.
На этом раздел моего сайта про основы HTML для начинающих окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из личного опыта по оптимизации страниц сайта. Жми на «Дальше».
Заключение
Казалось бы, описание, это мелкая деталь, которой можно пренебречь. Но теперь, прочитав эту статью, надеюсь вы поняли, что значение качественного описания намного больше, чем это можно представить от его объема в 200 символов. Никогда не пренебрегайте составлением description, и в конечном итоге, вы получите больше посетителей.
Случайные публикации:
- Как найти нужную картинку – 5 основных источников для поиска картинок.Итак, раз вы сюда зашли, значит вам нужна картинка )). Что ж, есть разные пути,…
- Неожиданные бэклинкиВсе, кто хоть чуть-чуть знаком с SEO и продвижением сайтов или блогов, знают об опре…
-
Привет, мир! :))…ак это «предлагает» сделать WordPress, «Привет, мир!»
-
Новая биржа статей RodinaLinkov.ru — мой отзыв, обзор и инструкция по применению…ple.html.
Как пользоваться?
Теперь опишу как добавлять площадку, заказывать/писать тексты и - Личные и публичные файлы в Яндекс.Диске. Получение ссылки на скачивание файла + ВидеоДумал, что в двух предыдущих статьях я всё уже написал про этот замеча…
Оставьте комментарий:
