Что такое метаданные на сайте

Что такое метаданные на сайте

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

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

Мета-данные страницы сайта – это:

• description (описание)
• keywords (ключевые слова)

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

Title

Тайтл – заголовок страницы (не путать с заголовками статей на странице). Отображается как заголовок окна браузера, в котором открывается сайт.

Вот так, например, показывает тайтл страницы Mozilla Firefox:

Если навести курсор на вкладку Google Chrome, можно полностью прочитать тайтл web-документа:

А вот так показывается title в браузере Opera:

Правильное составление тайтла веб-документа – важнейший этап оптимизации сайта. В title продвигаемой страницы нужно обязательно использовать ключевое слово, желательно – в прямом вхождении (см. урок «Ключевые слова») и в самом начале.

Тайтл должен отображать информацию о содержании страницы и быть привлекательным для интернет-пользователей (подробнее об этом читайте в параграфе «Сниппеты»).

Некоторые SEO-оптимизаторы рекомендуют создавать тайтлы до 70 символов, до 12 слов (для Google) или максимум 80 символов и 15 слов (для Яндекса). Однако, в выдаче обоих этих ПС очень трудно найти тайтлы длиннее 65 символов. Поэтому оптимальным размером тайтла можно считать 40-65 символов с пробелами.

Description

Чтобы Яндекс взял мета-тег description в сниппет, нужно выполнять следующие рекомендации:

• описание для страницы не должно превышать 170 символов. В выдаче поисковых систем дескрипшены большего объема обычно показываются в «обрезанном» виде;
• ключевое словосочетание желательно вписывать дважды (первый раз – в прямом вхождении, второй – в разбавленном, морфологическом или с использованием синонимов).

Дескрипшен, как и тайтл, должен привлекать пользователей, побуждая их перейти из поиска на сайт.

Если на сайте мета-данные description не заполнены или же включают данные, не релевантные поисковым запросам, Яндекс «вырвет» со страницы кусок текста, в котором есть вхождения запроса. И не факт, что это будет самая привлекательная часть контента…

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

Keywords

Мета-тег кeywords (ключевые слова) – это список запросов, по которым продвигается страница веб-ресурса. Как и другие мета-данные, кейвордс вносятся в код страницы и предназначаются для передачи данных о ней поисковым роботам.

Сниппеты и их роль в продвижении

В переводе с английского, сниппет – отрывок, кусок, отрезок. Это именно то, что показывают нам поисковые системы в ответ на наш запрос:

От SEO-копирайтера во многом зависит не только то, попадет ли его текст на первые страницы в выдаче. Насколько интересным будет сниппет для потенциальных посетителей? Захотят ли они кликнуть на него и перейти по ссылке? Конечно, захотят – если сниппет убедит их в том, что на этом сайте размещена именно нужная им информация. А значит, продвигаемый веб-ресурс начнет высоко ранжироваться в поиске, потому что обретет один из самых важных факторов успешного продвижения – поведенческий.

Метатеги, метаданные

Метатеги (метаданные) – служебные поля html-страницы сайта, используемые поисковыми системами для анализа содержимого страницы и определения ее релевантноститой или иной фразе. Содержимое метатегов оказывает существенное влияние при продвижении или оптимизации сайта.

Основные метатеги, используемые при ранжировании сайта

• Метатег title (заголовок страницы) —

Пример использования метатега title поисковой системой Яндекс:

• Метатег keywords (ключевые слова) —
  — перечисленные через запятую ключевые слова, описывающие содержимое данной страницы, рекомендуемая длина до 250 символов. Влияние данного метатега на позиции сайта очень спорное, на данный момент его не рекомендуют заполнять.
• Мета-тэг description (описание) —
  — краткое описание страницы для поисковика, рекомендуемая длина 150-200 символов. Очень часто содержимое именно этого тега выводится под содержимым title в выдаче поисковых систем.

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

Пример метатегов в html-коде страницы

Услуги, связанные с термином:

• SEO-продвижение
• В ТОП
• По трафику
• Для интернет-магазинов

Словарь терминов

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

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

• одно и то же может являться, как данными, так и метаданными. Например, заголовок текста может одновременно выступать в обоих значениях. Вся разница будет только в том, как именно его рассматривать. К данным он относится, так как является частью самого текста, а к метаданным — поскольку заголовок выступает элементом метаданных с соответствующим тегомTitle>;
• метаданные и данные могут меняться местами. Стихотворение, являясь отдельным продуктом, выступает в роли данных, однако, если положить его на музыку, оно будет рассматриваться, как метаданные. Из этого следует, что все зависит от конкретной точки зрения или системы определения;
• создание т.н. аксиомы выбора. То есть, можно до бесконечности создавать метаданные на данные, руководствуясь тем, что метаданные могут одновременно являться и данными.

Применение

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

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

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

Доска почета

Дизайн-студия «Авторские шторы»

Уроки по верстке сайтов: мета-теги, метаданные

Назар Токар

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

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

Эту часть страницы называют “метаданными”.

Метаданные (мета-данные, meta-data) — это информация об информации, описание контента страницы. Эти данные описывают, как должен выглядеть видимый контент, какой набор символов используется на странице и т.д.

Три главных отличия метаданных:

1. указываются внутри тега
2. непосредственно невидимы для пользователя (кроме тега )
3. это информация о контенте

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

В большинстве случаев в метаданных нужно указать: заголовок, кодировку (набор символов), подключить js и стили, подключить иконку сайта. Почти всё остальное — опциональные параметры, которые используются значительно реже.

Метаданных может быть любое количество, вот основные из них:

• title — заголовок страницы, тег ;
• style — стили CSS, хранящиеся в коде документа;
• link — внешние файлы стилей, иконка и так далее;
• meta — всё остальное: кодировка или любая информация о странице.

Мета-теги — это хранилище для метаданных на странице, для каждого нужно указать имя и значение. Структура мета-тега такова:

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

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

Примеры мета-тегов

В description можно хранить краткое описание страницы.

На заре развития HTML метаданные использовались поисковиками для описания страницы в результатах поиска или определения, по каким ключевым словам следует её находить.

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

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

Алгоритм скрыт от желающих, а сам Google так отзывается о ключевых словах и описании, указанных вручную:

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

А в некоторых — нет.

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

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

В значении name вы указываете имя поисковика (или robots , если директива должна касаться их всех), а в content — что вы хотите “сказать” роботу.

Вот несколько основных примеров метатегов robots , с которыми умеет работать Google:

• noindex или none : запрет индексирование страницы;
• nofollow : запрет роботу переходить по ссылкам с этой страницы;
• nosnippet : запрет показа любых частей контента страницы в результатах поиска;
• noarchive : запрет показа ссылки на кэш, сохранённый в поисковике;
• unavailable_after:[date] : дата и время, когда нужно прекратить индексирование страницы;
• noimageindex : запрет указывания страницы как источника изображения в результатах поиска.

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

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

Что чаще используют

Google собрал статистику использования значений атрибутов http-equiv и name для мета-тегов:

Кодировка

Кодировка страницы, набор символов, который на ней используется. Чаще всего для кириллической страницы здесь будет utf-8 , значительно реже — windows-1251 .

Файлы стилей

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

Скрипты

Так мы подключаем JavaScript-скрипты.

Обратите внимание: не требует закрытия, а — требует.

Viewport

Подробно о viewport читайте в следующем уроке.

В итоге

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

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

Вот пример такого шаблона:

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