Информация в заголовке head. Мета теги


Содержание

Тег head: создание, настройка и назначение

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

Назначение тега

Существуют элементы, которые обязательно должны присутствовать в коде. Технически есть только один тег, который должен присутствовать в верхней части всех документов, написанных на языке HTML — -тег. Он позволяет браузеру понять, где начинается и заканчивается страница. Между открывающим и закрывающим тегом помещается все содержимое HTML-страницы. Перед ним располагается только doctype. Большинство других технически важных элементов — внутри тега , который располагается внутри и находится в самом начале кода. Он и тег являются его потомками.

Что содержится в

Элемент является контейнером для других элементов. В нем содержатся общие сведения (метаданные) о документе, включая его название, ссылки на скрипты и таблицы стилей. Метаданные предоставляют техническую информацию о документе, такую как название, описание, ключевые слова. Там же, где тег , располагается , где помещается контент сайта. Метаданные скрыты от посетителей, но используются оптимизаторами для раскрутки страницы. Они и теги heading (

) очень полезны, поскольку передают информацию веб-браузеру, а также поисковым системам об этой странице.

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

Какие элементы могут присутствовать в

Следующие элементы могут находиться внутри этого тега: (этот элемент является обязательным для документ HTML), , ,
,

Синтаксис и атрибуты

Тег — парный. Что это значит? Информация в нем записывается между открывающим и закрывающим тегами как . Что должны иметь большинство HTML-документов? Это тег в . Единственное исключение: если документ — это srcdoc, или информация, которую нужно заключить в заголовок, уже имеется в протоколе более высокого уровня. Примером может служить HTML-формат электронной почты. Атрибуты могут быть добавлены в HTML-элемент, чтобы предоставить больше информации о том, как элемент должен выглядеть или вести себя. Тег принимает атрибут profile, где прописывается адрес профиля метаданных и другие глобальные атрибуты. Но они не являются обязательными.

Тег и его особенности

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

  1. Он отображает название сайта.
  2. Используется как основное средство для каталогизации. Если веб-страница не имеет названия, где описывается ее содержимое, поисковые системы дают ей более низкий рейтинг.
  3. Также содержимое отображается как текстовая ссылка на странице выдачи, известной как SERP.
  4. Он отображается в верхней части окна браузера. Или на вкладке, описывающей страницу в браузере.
  5. Информация из заголовка страницы записывается, когда кто-то добавляет сайт в закладки. Поэтому его содержимое должно быть запоминающимся, чтобы пользователь мог легко запомнить и найти его среди других веб-страниц.
  6. Если этот тег не используется, то на сайте будет отображаться «Untitled Document». Он является заголовком страницы по умолчанию. Такой заголовок используется на многих программных платформах веб-разработки.

Поскольку тег предназначен для отображения информации о сайте, каждая страница должна иметь уникальный заголовок, так как на ней находится уникальный контент. Это наиболее важная вещь для SEO. Хороший заголовок должен быть реалистичным и отображать ту информацию, которая действительно присутствует на странице. Считается, что оптимальное содержание этого тега не должно превышать 60 символов. Можно добавить больше, но поисковые системы будут отсекать содержимое, если оно превышает это число.

Метаданные в

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

Другие важные теги

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

  • . Добавить внешнюю таблицу стилей можно при помощи следующего кода:
  • . Для этого тега обязателен атрибут href, в котором указывается ссылка на файл со стилями CSS, а также rel, где прописывается, что это именно стили. Существуют и другие варианты использования тега
  • , например, для создания фавикона — значка для веб-страницы, который отображается в поисковой выдаче. Атрибут rel также используется по-разному и часто применяется при создании мобильных приложений.

    Если добавить несколько элементов и

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

    HTML: Теги

    Теги используются для предоставления информации (метаданных) о веб-странице, метаданные не отображаются на веб-странице, а дают либо какие-то указания браузеру, либо предоставляют дополнительную информацию для поисковых систем:

    В нашем примере мы использовали три элемента : первый указывает браузеру кодировку HTML-документа, два других мета тега предназначены для предоставления информации о содержимом веб-страницы для поисковых систем. Далее мы рассмотрим каждый из них подробнее.

    Примечание: теги должны располагаться в элементе .

    Кодировка

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

    Для указания кодировки используется тег с атрибутом charset, который рекомендуется располагать в качестве первого элемента внутри :

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

    keywords (ключевые слова)

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

    Самый простой способ подобрать нужные ключевые слова для текущей страницы — это определить по каким словам вы сами стали бы искать материал, представленный на ней? Вот это и будут нужные ключевые слова. Пример:

    Ключевые слова указываются через запятую или пробел и могут быть написаны в любом регистре. Рекомендуется указывать не более 10-15 ключевых слов или словосочетаний.

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

    description (краткое описание)

    Значение description используется для краткого описания содержимого, расположенного на текущей странице. Рекомендуемая максимальная длина такого описания не должна превышать 180 символов:

    Краткое описание страницы может быть использовано поисковыми система на странице с результатами поиска под названием страницы и URL-адреса:

    Также краткое описание используется на сайтах некоторых соцсетей, при добавлении ссылки:

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

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

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

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

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

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

    • Длина заголовка не должна превышать 70 символов, включая пробелы.
    • Самые важные ключевые слова нужно располагать первыми в заголовке, т.е. поисковые системы будут определять ценность ключевых слов по их очередности в заголовке: первое будет считаться наиболее важным, последнее — наименее.
    • Для разделения ключевых слов или фраз лучше использовать вертикальную черту «|». Знаки пунктуации, подчеркивания и другие символы разделители желательно не использовать или использовать в тех случаях, когда ключевое слово или фразу без них написать нельзя.
    • Старайтесь исключить из заголовка разные частицы речи (например: и, если, но, потом и т.д.).
    • Можно включить в заголовок название сайта или фирмы, если название является частью ключей фразы, или если это бренд, видя который, пользователи будут заходить именно на ваш сайт.
    • Не дублируйте текст тега , заголовок должен быть уникальным для каждой страницы сайта.
    • Заголовок должен быть актуален для страницы, он должен описывать то, что в данный момент представлено на странице, например его можно написать так:

    Структура HTML документа: html, head, body, title

    От автора

    Здравствуйте! В этом уроке вы НЕ найдете для себя ничего полезного, если УЖЕ знакомы с формированием структуры HTML документа. Для тех, кто НЕ знаком, я покажу правильную (валидную) структуру HTML веб-документа, в том числе для сайта WordPress.

    Илон Маск рекомендует:  Создание java апплета для отображения географических карт

    Общая правильная структура HTML документа

    В первую очередь, без долгих предисловий – общая структура любого HTML документа должна быть такой:

    Структура HTML документа

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

    Тип текущего документа DTD

    Тип текущего документа (Document Type Definition, DTD) необходим, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, ведь язык HTML существует в нескольких версиях.

    Кроме этого есть другие языки разметки отличные от HTML, например XHTML.

    Примечание: XHTML это EXtensible HyperText Markup Language, что переводим, как расширенный язык разметки гипертекста.

    XHTML похож на HTML, но отличается синтаксисом. Чтобы браузер не путался языки и нужно показать ему в первой строке кода, тип текущего документа DOCTYPE .

    Понятие тега в HTML

    Вы обратили внимание, что вся структура HTML документа задается определенными тегами – некими словами, заключенными в угловые скобки.

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

    • Тег [head] означает заголовок html документа. В тегах head хранится информация для браузеров и поисковых систем. В том числе в виде мета-тегов;
    • Тег [body] означает основное содержание html документа. Именно текст, изображения, скрипты Java Script и т.д.;
    • Тег [p] это блочный элемент, всегда начинается с новой строки. Он означает абзац основного содержания html документа.

    Важно! Все теги html разметки должны быть парными. То есть, открывающий тег , должен быть закрыт закрывающим тегом, с косой чертой .

    Теги заголовков и подзаголовков h1-h6

    Для улучшения структурирования текста документа, а также улучшения SEO веб-страниц, существуют дополнительные теги основного содержания. Они называются теги заголовков и подзаголовков от h1 до h6, всего 6 штук.

    Они так же как теги [p] -обзаца, который, позволяет выделить смысловые участки текста, позволяют поделить текст на смысловые участи, дав каждому участку свой заголовок.

    Теги h1h6 имеют подчиненную зависимость, нижний уровень этой подчинённости абзац.

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

    Пример развитой структуры HTML документа

    Приведу академический пример более развитой структуры HTML документа:

    Структура HTML 5

    В версии HTML 5 должна быть такая структура документа:

    Это декларация которая показывает, что этот документ в HTML5;

    это корневой элемент HTML страницы;

    Элемент, с мета-тегами о документе;

    Этот элемент определяет заголовок для документа;

    Этот элемент содержит видимое содержимое страницы;

    Элемент определяет большой заголовок

    Элемент определяет абзац.

    Работают в html5 теги h2 — h6

    Все теги двойные. Начальный тег называется открывающим тегом, а конечный тег — закрывающим тегом .

    HTML разметка на сайте WordPress

    Несмотря на то, что скрипт WordPress написан на php, все файлы сайта, а вернее все файлы рабочего шаблона сайта, имеют html разметку. Смотрим пример, на файле header.php шаблона Twenty Seventeen:

    Вы можете видеть, что если все функции WordPress размещены в классической HTML разметке. Есть тип документа:

    Парные теги [head] , [header]

    Открывающий тег [body] .

    Закрывающий тег можно найти в файле footer.php .

    Как посмотреть HTML код страницы сайта WordPress

    То, что вы пишите в редакторе сайта, создавая статьи или страницы, это лишь часть HTML страницы сайта. Это даже не всё тело (body) страницы.

    Чтобы посмотреть HTML код страницы сайта WordPress, а это нужно очень часто, нужно:

    Открыть страницу в браузере;

    Перейти в английский шрифт клавиатуры;

    Нажать следующие кнопки:

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

    Вывод

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

    В статье использованы инструменты обучения HTML: Tryit Editor v3.5

    Как правильно прописывать метатеги для Seo-оптимизации сайта

    Метатеги (от англ. meta tags) — это элементы HTML-разметки страниц для поисковых роботов, чтобы они корректно “прочли” и обработали представленную информацию. Большая часть тегов размещаются в блоке HTML-документа:

    Для поискового продвижения важна оптимизация ресурса, но многие не знают, как правильно прописывать основные SEO-теги: title, description, keywords и заголовок h1

    Наиболее важные html-теги, связанные в ранжированием сайта в поисковых системах, это теги:

    Зачем прописывать теги: title, description, keywords и h1?

    1. Для формирования развернутого сниппета – текстовой информации, отбираемой поисковой машиной для презентации страницы вашего интернет-магазина в результатах поиска. Для сниппета может быть выбран отрывок из текста с ключевым словом или текст из тега description.
    2. Для повышения кликабельности вашего сайта в поисковиках. Чем лучше и точнее вы опишите то, что встретит покупатель, перейдя на страницу вашего сайта, тем выше будет количество переходов и конверсия поискового трафика в продажи.
    3. Для представления дополнительной информации о магазине. Если вы, при помощи микроразметки, добавите в сниппет информацию о ваших преимуществах, условиях доставки и оплаты, рейтинге, ценах, режиме работы и пунктах самовывоза, то эта информация поможет покупателям остановить свой выбор именно на вашем товаре или магазине.

    Для чего нужен мета-тег title?

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

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

    Как правильно прописать тег title для страниц сайта?

    1. Тег title должен быть уникальным для каждой страницы

    Если у вас в разделе каталога несколько страниц пагинации, то можно добавить в конце тега title номер страницы: стр 1, стр 2, стр 3, а лучше прописать отличительные характеристики товара: цвет, объем, размер или артикул, чтобы поисковые системы и покупатели могли понять, чем же отличаются товары на похожих страницах.

    Пример:

    • Входная металлическая дверь «Название» — двухстворчатая
    • Входная металлическая дверь «Название» — с терморазрывом
    • Гравировка внутри стекла на ракушке
    • Гравировка внутри стекла на шаре

    2. Тег title должен быть отличным от тегов description и h1

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

    Тег h1 – это видимый пользователю заголовок, расположенный вверху страницы раздела или товара. Тег h1 должен кратко и четко описывать товар: наименование, производитель, модель и т.д. К примеру, если в заголовке

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

    Пример:

    Гравировка на флешке из дерева

    3. Тег title должен быть оптимизирован под соответствующие страницы и товары

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

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

    1. Купить входную металлическую дверь в Красноярске недорого;
    2. Купить эксклюзивный подарок на день рождения (город);
    3. Купить путевку с перелетом «все включено» в Турцию.

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

    Пример:

    • Купить входную дверь Витязь (модель) в Красноярске
    • Купить горящую путевку в Турцию от (цена)

    4. Тег title должен отражать реальное содержимое страницы

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

    5. Тег title должен иметь структуру законченного предложения

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

    1. Нельзяперечислить все ключевые слова по запросу через запятую: дверь, купить дверь, купить входную дверь недорого и т.д.
    2. Нужно грамотно составлять предложения: Купить входную дверь в (город) недорого.
    3. Нельзя допускать несогласованных предложений с перечислением ключевиков: купить недорого дверь входную.

    Идеальная структура тега title отвечает на вопросы «Что? Где? Когда?» Иными словами, какой товар сможет купить потенциальный покупатель в вашем магазине и при каких условиях? Причем высокочастотный запрос должен стоять в начале тега.

    Обратите внимание: при формирования метатега title нельзя использовать «.» !

    6. Тег title должен быть составлен грамотно

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

    1. Не допускайте ошибок в написании слов;
    2. Не используйте жаргонизмы и «блотные» слова;
    3. Не злоупотребляйте спецсимволами, восклицательными знаками и заглавными буквами;
    4. Не используйте точки и кавычки, так как они разбивают содержимое тега на пассажи;
    5. Используйте кавычки и скобки, если этого требуют правила;
    6. Используйте написание брендов кириллицей и латинкой.

    Исключение в этом правиле иногда допускается, если в языке устойчиво закрепилось нелитературное наименование продукта (посудомойка – посудомоечная машина) или некорректное написание бренда (Scarlett – Scarlet).

    7. Тег title должен содержать не более 70 символов

    В результатах поиска отображается не более 70 символов, нотя написать можно и 90.

    • 50–57 символов для Google;
    • 65–70 символов для Яндекс.

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

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

    Пример:

    • Купить в Красноярске недорого входную дверь

    Для чего нужен тег Description?

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

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

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

      Содержимое тега учитывается и иногда используется для показа в выдаче результатов поиска. Например, как об этом сообщает Яндекс:

    — содержание данного тега может использоваться в сниппетах (описаниях сайтов на странице результатов поиска);

    Как правильно прописывать Description?

    • Дескрипшн должен отражать суть страницы и написан в виде согласованного текста. Может прописывать несколько предложений.
    • Должен быть уникальным для всех страниц сайта, не дублировать аналогичные теги на других сайтах (для этого можно использовать название компании в тексте дескрипшена, модель или характеристики товара, цену).
    • В теге нужно использовать запросы, по которым продвигается данная страница, однако делать это необходимо так, чтобы они были использованы естественным образом, в нужной морфологии. Не следует перечислять в Дескрипшене поисковые запросы через запятую.
    • Содержание тега не должно повторять Title.
    • Длина description должна быть не менее 70 и более 150-200 символов. Google определяет длину в пикселях, рекомендуемая длина от 400 до 930 пикселей.
    • В description желательно отразить основные преимущества компании, товара, услуги.
    • Наиболее важную информацию и фразы нужно разместить в начале мета-описания.
    • Тег должен быть написан человекопонятным языком.
    • В конце предложения должна стоять точка.

    Не нужно использовать такие Дескрипшены: «Купить входные двери у нас, потому что мы самые лучшие».

    Как правильно заполнить тег H1 для страниц товаров и магазина?

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

    Илон Маск рекомендует:  Блок над окном при загрузке. Перетаскивается курсором
    служат для выделения подзаголовков по уровням. К примеру, в этом тексте использованы подзаголовки трех уровней:

    Как правильно прописывать метатеги для Seo-оптимизации сайта?

    Зачем прописывать теги: title, description, keywords и h1?

    Как правильно прописать тег title для страниц сайта?

    1. H1 — заголовок страницы (один!)
      1. H2 — заголовок второго уровня
        1. H3 — заголовок третьего уровня
        2. H3 — заголовок третьего уровня
        3. H3 — заголовок третьего уровня
      2. H2 — заголовок второго уровня
      3. H2 — заголовок второго уровня

    Если в каком-то из этих пунктов возникнут еще подпункты, то их нужно будет взять в теги

    Правила расстановки тега H1 на странице

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


    является ошибкой.
    В теге

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

  • Рекомендуемая длина тега не более 70 символов (не более 7-8 слов).
  • Для товаров желательно указать в теге

    самые главные характеристики товара (длина, ширина, цвет, модель).

    Для чего нужен тег Keywords?

    Keywords используется для предоставления данных поисковикам для повышения значимости некоторых слов при поиске.

    Почти все поисковики игнорируют слова из этого списка если они не встречаются в видимой части страницы. Рекомендованное количество слов в данном теге — 5-10. Кроме того, опытным путем выявлено, что разбивка этого тега на несколько строк влияет на оценку поисковыми машинами релевантности страницы запросу.

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

    Если вы решили заполнять keywords, учитывайте синтаксис:

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

    Как правильно прописывать keywords?

    • Тег должен содержать ключевые запросы страницы;
    • Использовать не больше 5-6 слов;
    • Можно использовать не более 3-х повторов;
    • Не стоит использовать союзы, предлоги, междометия;
    • Тег лучше формировать из существительных;
    • Не стоит использовать никакие знаки препинания, кроме запятой.

    К чему приводит не правильная оптимизация ресурса?

    Если теги не соответствуют правилам поисковых систем, Google и Яндекс сами формируют сниппет (заголовок и описание страницы сайта) на страницах результатов поиска из содержимого других тегов, анкорных ссылок, заголовков Яндекс каталога и других участков текста, которые поисковым роботам покажутся более адекватными. Это происходит в случае, если было:

    1. Уменьшение или превышение оптимальной длины тегов;
    2. Отсутствие точных вхождений ключевиков;
    3. Повтор ключевых фраз в одном теге;
    4. Грамматические и синтаксические ошибки;
    5. Дубли на нескольких страницах сайта.

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

    Если вам нужно создать сайт, оптимизировать его и продвинуть в ТОП, взять на поддержку или заниматься ведением контекстной рекламы, обращайтесь к нашим специалистам.

    Graphic Designer

    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse moleste conseuat ven nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent upta. gue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta.

    Romana Nasrin Reply

    Graphic Designer

    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse moleste conseuat ven nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent upta. gue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta.

    Leave a comment

    Интернет-агентство полного цикла. Создаём проекты и берём их на продвижение, сопровождение и поддержку.

    Информация и цены, представленные на сайте, не являются договором публичной оферты.

    Как написать мета-теги заголовков для SEO (с хорошими и плохими примерами)

    Что такое теги заголовков? Как их писать? Важны ли они? Помогают ли они поисковой оптимизации? Есть ли примеры использования хороших и плохих мета-тегов?

    Если вы хотите просто посмотреть чек-лист по оптимизации тегов заголовков, нажмите здесь .

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

    Что такое мета-теги

    Как писала Кристин Шахингер в своей статье , мета-теги — это HTML-элементы, которые предоставляют информацию о веб-странице для поисковых систем и посетителей сайта.

    Данные элементы должны быть размещены, как теги в разделе HTML-документа:

    Что такое тег заголовков?

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

    Этот заголовок будет появляться в разных местах по всему Интернету: например, во вкладке вашего браузера:

    Когда вы делаете репост в социальные сети, заголовок автоматически попадает в анкорный текст.

    Плюс, тег заголовка — это самая главная голубая ссылка в поисковой выдаче:

    Куда добавить тег заголовков?

    Вы можете добавить тег заголовка в HTML-документа. Выглядит примерно таким образом:

    Пример заголовка

    Но в большинстве систем управления контента (CMS), включая WordPress, можно добавить тег заголовков в основных настройках:

    Если вы используете какой-нибудь SEO плагин, например Yoast, вы можете добавить тег заголовка в раздел ‘SEO title’ и посмотреть превью изображения, как будет выглядеть ссылка на страницах поисковых результатов:

    Когда вы пишите статью, то поле заголовка автоматически становится тегом заголовка.

    Если тег заголовка автоматически генерируется из заголовка статьи, то обратите внимание на используемый плагин или HTML-документ. Заголовок статьи (также известен как

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

    Почему теги заголовков так важны?

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

    Теги заголовков — сигнал ранжирования?

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

    Как написать отличный тег заголовка

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

    Moz предлагает следующий шаблон заголовка:

    Главное ключевое слово – Второстепенное ключевое слово | Название бренда

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

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

    Чек-лист

    Кристин Шахингер составила прекрасный чек-лист, как оптимизировать теги заголовков :

    • Длина: В заголовке должно быть 50-60 символов с пробелами.
    • Ключевые слова: Самые важные ключевые слова должны быть вначале, менее важные — в конце.
    • Название компании: Если название компании не входит в список самых важных ключевых слов, то поместите его в конце тега заголовка.
    • Не используйте дубликаты: Для каждой страницы должен быть свой заголовок. Не делайте дубликатов, иначе это негативно скажется на видимости сайта в поисковой выдаче.
    • Сделайте заголовки релевантными: Теги заголовков должны описывать контент на странице.
    • Не “пичкайте” теги заголовков ключевыми словами: плохие теги заголовков пытаются ранжировать страницу по всем возможным ключевым словам. Избыток ключевых слов не желателен для тегов заголовков. За такое могут забанить.
    • Заголовок статьи (

    тег) должен отличаться от тега заголовка: Это ещё одна возможность разнообразить ключевые слова на странице и увеличить вероятность появления страницы в поисковой выдаче.

    Может ли Google игнорировать тег заголовка?

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

    Хорошие примеры тегов заголовков

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

    ‘best burgers in london’

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

    ‘nike trainers’

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

    ‘radiohead moon shaped pool review’

    Компания Pitchfork избежала ошибок, которые допускают многие сайты, делая обзоры. Они поместили название группы, на которую делали обзор, впереди. И правильно, ведь пользователи ищут, в первую очередь, не обзоры, а артистов.

    Плохие примеры тегов заголовков

    А теперь, как не должны выглядеть теги заголовков:

    ‘best burgers in london’

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

    ‘nike trainers’

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

    ‘radiohead moon shaped pool review’

    И хотя сайт Mashable применяет разные методы при написании заголовков. Стоп-слова в начале тега заголовка вытеснили главные ключевые слова в середину, а сама ссылка оказалась на 4 странице поисковых результатов Google. Заголовок хороший, но в теге заголовка нужно поменять порядок ключевых слов.

    Какие бывают META теги и зачем они нужны

    META-теги

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

    META-теги имеют два возможных атрибута



    META-теги должны находиться в заголовке HTML-документа между и (особенно это важно для документов, использующих фреймы).

    Стандартом HTML 4.01 значения и имена мета-тегов НЕ оговариваются, поэтому мы будем рассматривать те значения, которые уже устоялись в интернете и используются чаще других.

    Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1
    (The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)

    Атрибут HTTP-EQUIV

    META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
    Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (<>200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.

    Теги html. Разметка страницы тегами и теги головы страницы head.

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

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

    Теги разметки страницы или основные html теги.

    Эти три основных тега должны быть прописаны на всех страницах (не только на главной!) сайта. Предназначены они для разметки страницы.

    9.4. Настройка заголовков страниц и метатегов

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

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

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

    Заголовки и метатеги главной страницы

    Отредактируйте поля Тег TITLE (попадет в заголовок TITLE главной страницы), Тег meta_keywords (ключевые слова для главной страницы) и Тег meta_description (описание для главной страницы).

    Если нужно добавить какие-либо метатеги в заголовок HEAD главной страницы, добавьте их в поле Служебные мета-теги в head. Это может потребоваться, например, для подтверждения прав на сайт для Яндекса и Google.

    Заголовки и метатеги страниц товаров

    Для страниц товаров вы можете отредактировать поля Шаблон тега TITLE (попадет в заголовок TITLE страницы товара), Шаблон тега meta_keywords и Шаблон тега meta_description .

    При редактировании метатегов вы можете использовать следующие переменные (макрокоманды):

    • %goods_title — название товара;
    • %goods_id — идентиификатор товара id;
    • %articul — артикул товара;
    • %fabric_title — производитель;
    • %type_title — тип товара;
    • %min_price — минимальная цена товара;
    • %catalog_title — название рубрики каталога в которой находится товар

    В тексты метатегов вместо перечисленных переменных будут автоматически подставляться соответствующие значения.

    Заголовки и метатеги страниц каталога

    Для страниц каталога вы можете задавать значения полей поля Шаблон тега TITLE (попадет в заголовок TITLE страницы каталога), Шаблон тега meta_keywords и Шаблон тега meta_description. В них доступны следующие переменные :

    • %catalog_path — путь к рубрике каталога;
    • %catalog_title — название рубрики каталога

    Метатеги Open Graph страниц товаров

    Для публикцаии страниц товаров в социальных сетях, таких как Facebook, можно формировать превью, редактируя метатеги Open Graph. Это название товара og:title и описание товара og:description. При этом в качестве изображения будет автоматически использовано фото товара.

    Метатеги страниц брендов

    Для страниц брендов вы можете настраивать поля Шаблон тега TITLE, Шаблон тега meta_keywords и Шаблон тега meta_description. При этом доступны следующие переменные:

    Параметр для многостраничных разделов

    В заголовок многостраничных разделов можно вставить содержимое поля Дополнительная часть тега TITLE. Здесь можно использовать следующую переменную:

    • %page_number — номер страницы

    Метатеги для страниц статей

    Доступно редактирование содержимое полей Шаблон тега TITLE (попадет в заголовок TITLE статьи), Шаблон тега meta_keywords (Keywords) и Шаблон тега meta_description . При этом доступны следующие переменные:

    • %article_title — заголовок статьи

    Мета-тег title и его оптимизация

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

    Отображение тайтла происходит в следующих случаях:

    сниппет в поисковой выдаче,

    заголовок страницы в браузере,

    при перепосте ссылки на страницу в социальных сетях.

    Если говорить о программном коде страницы, то title прописывается в рамках тега .

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

    Основные требования к заполнению тега title

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

    Можно выделить следующие требования к заполнению тега title.

    Длина тайтла должна составлять 50–75 символов, больше просто не отображается в выдаче. Если тег будет больше, то поисковая система его учтет, но делать слишком длинные описания с переспамом ключевых слов не только бессмысленно, но и вредно.

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

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

    Не допускается простое копирование тега H1.

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

    Нельзя «заимствовать» тайтлы у конкурентов — все поисковые системы крайне негативно относятся к плагиату.

    Написание title на практике

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

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

    Состав тайтла для разделов и остальных страниц напрямую привязан к их тематике и содержанию. Кроме ключевых слов, сюда можно включить слова, которые привлекают внимание: «фото», «отзывы», «скидка», «бесплатная доставка» и др.

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

    Основные ошибки при написании тега title:

    не соответствие содержания структуре и семантике;

    использование прилагательных с общим значением или в сравнительной степени: «лучший», «самый лучший», «выгодный» и др.;

    расположение названия бренда в начале (допустимо только для известных в офлайне компаний);

    простое перечисление запросов разного уровня;

    перечисление нескольких городов;

    попытка привлечь внимание верхним регистром букв.

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

    Оптимизация для новичков: HTML-теги и атрибуты в SEO

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

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

    Теги и атрибуты как составные части языка HTML

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

    Теги задают каркас страницы, атрибуты расширяют или модифицируют действия тегов. Они описываются внутри открывающего тега в виде коллекции «имя=»значение»». Например: .

    Существует два типа тегов: парные и одиночные. Парные (или контейнерные) теги состоят из пары — открывающий и закрывающий тег . . Одиночные теги состоят лишь из одного открывающего тега. Например, тег .

    Стандартно структура HTML-документа содержит такие элементы:

    • указывает на тип текущего документа. В нашем случае HTML;
    • тег отмечает границы документа, в нем содержатся обязательные теги и ;
    • тег — контейнер, в него помещается информация для браузеров и поисковых систем. Содержимое тега не отображается напрямую на веб-странице, за исключением тега , с помощью которого устанавливают заголовок вкладки браузера;
    • тег определяет видимую часть документа, которая отображается в окне браузера. К такой информации относится текст, изображения, результат работы скриптов и другое.

    Сперва рассмотрим набор тегов, помещающихся в блоке . Они наиболее значимы для специалиста по поисковой оптимизации.

    Что такое тег

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

    Пример кода:

    Где пользователь может увидеть ваш :

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

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

    Meta description

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

    Пример кода:

    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». Этот метатег следует размещать в самом начале блока до элементов, которые содержат текст, включая тег .

    Пример кода:

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

    Meta viewport

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

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

    Meta keywords

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

    Пример кода:

    В блоке также располагаются теги
    , которые устанавливают связь данного документа с другими веб-страницами. Рассмотрим такие атрибуты тега «link»: «canonical», «next / prev», «alternate».

    Атрибут canonical

    Атрибут «rel=»canonical»» используют для решения вопросов с дублирующимся контентом: когда на сайте есть близкие или идентичные по содержанию страницы по разным url. Атрибут canonical указывает поисковым системам, какую из дублирующихся страниц индексировать и показывать в результатах поиска, при этом передавая ей ссылочный вес и другие характеристики дубликатов. Чтобы указать, какая из страниц каноническая, нужно в коде страницы-дубля разместить тег «link» с атрибутом «canonical», где в атрибуте «href» прописать адрес канонической страницы.

    Пример кода:

    Особенность canonical в том, что все дублирующиеся страницы остаются доступны для пользователей. Поэтому каноникализацию рекомендуется применять для страниц, которые нужны на сайте, но по определенным причинам являются дубликатами.

    Атрибуты next / prev

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

    Примеры пагинации можно увидеть на страницах интернет-магазинов, где есть категории с большим количеством товаров. Поскольку львиная доля контента таких страниц одинаковая, поисковые системы могу воспринимать их как дубли. Решение проблемы: использовать тег «link» вместе с атрибутами «next» и «prev», которые указывают на то, что рассматриваемые документы — части серии и их следует анализировать в совокупности.

    Пример кода:

    • на первой странице пагинации внедряем «link rel=»next»», указывая на следующую страницу серии:
    • на второй и последующих страницах пагинации внедряем «link rel=»next»» и «link rel=»prev»», указывая на следующую и предыдущую страницы в серии:
    • на последней странице пагинации внедряется «link rel=»prev»», указывая на предпоследнюю страницу в серии:

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

    Атрибут alternate

    Атрибут «rel=»alternate»» используется, чтобы указывать альтернативные версии страниц сайта, например, указывает на разные языковые версии или мобильную версию сайта. С его помощью поисковые системы определяют, какую версию страницы показывать тому или иному пользователю в результатах поиска.

    Указать роботам на наличие нескольких языковых версий можно, разместив на всех страницах сайта фрагмент кода:

    • вместо «xx» указываем код языка (в формате ISO 639-1), «YY» — региона (ISO 3166-1 Alpha 2);
    • URL — абсолютный url альтернативной страницы.

    Помните, что информация обо всех существующих версиях должна содержаться в коде каждой из них, то есть в коде каждой страницы должен содержаться собственный атрибут «rel=»alternate» hreflang=»xx-YY»», а также ссылки на все остальные версии.

    Сообщить поисковым системам о мобильной версии сайта можно, используя атрибут «media». Как правило, версия для компьютеров размещается в домене www.example.com, а вариант сайта для мобильных устройств — в домене m.example.com.

    Таким образом на обычной странице https://www.example.com/page-1 нужно добавить код:

    На странице для мобильных устройств https://m.example.com/page-1 следует указать «canonical» на версию для компьютеров:

    Оптимизация контента сайта

    Видимый пользователю контент сайта помещается между тегами .

  • Понравилась статья? Поделиться с друзьями:
    Кодинг, CSS и SQL