Что такое метатеги? Как правильно заполнять метатег Title, Description, Keywords. Что такое мета теги, как правильно заполнить и проверить: примеры из практики Для чего используются мета теги

В первой главе этого учебника, об общем построении html документа, я говорил о том, что все html документы должны иметь вот такой шаблон кода:

- начало документа
- начало головы
- закрытие головы
- начало тела
- закрытие тела
- конец документа

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

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

тег имеет следующие атрибуты:
  • http-equiv - указывает браузеру как следует обработать основное содержание документа, точнее на основе каких данных.
  • name - информационное имя. (применяется в паре с атрибутом content )
  • content - информационное содержание, связанное с мета именем (name )

Теперь на примерах будем вникать в суть дела.

Кодировка символов и язык

Пример (очень нужный и важный):

Сначала расскажу зачем необходима эта строка в заголовке html документа. Данная запись указывает браузеру кодировку в которой была написана данная страница - формат документа и раскладку клавиатуры, в данном случае это кириллица для Windows. Если эту строку не писать в заголовке страницы, то есть большая вероятность что весь текст на Вашей странице отобразится в виде непонятных человеку "иероглифов" у разных пользователей тех или иных браузеров. Конечно, пользователь может применить к такому документу команду в браузере Вид->Кодировка->Кириллица , но он может не знать о данной функции, да и зачем утруждать человека данным действием.

Теперь разберём по "слогам" нашу запись:
- документ для Windows - Кириллица где 1251 кодировка раскладки клавиатуры, так например Английская клавиатура будет задаваться Charset=Windows-1252

В настоящее время продвинутые веб-мастера рекомендуют использовать кодировку UTF 8

То есть писать в голове документа вот так:

В этой строчке говорится о том что язык Language документа является русским Content="ru"

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

Информация о документе


Данные метаописатели предназначены для заявления об авторских правах непосредственно в заголовке html кода, так name="author" указывает имя автора страницы, а name="copyright" авторское право (копирайт) в котором может указываться фамилия, имя, отчество автора сайта, название фирмы, бренда.. и т. д. Кроме того включив в заголовок документа такое описание Вы значительно упростите задачу поисковой машине при поиске Вашего сайта по имени автора, названию фирмы, бренду...

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

Описание страницы и ключевые слова

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

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

Представьте что Вы ищете в какой либо поисковой системе сайт с информацией о том где можно продать те же рога и копыта:) Какие слова и фразы Вы будите вводить в строке "Поиск"? ну наверно что то типа: "Где продать коровьи рога?" или "Реализовать копыта по выгодной цене" Так вот если определить ключевые слова и так сказать предугадать мысли потенциального посетителя можно надеяться на то, что та или иная поисковая система выдаст ссылку на Ваш сайт в первых строчках результата поиска. Конечно ввод данного метоописателя не есть гарант того что именно Ваш сайт займет первые места в поиске по данным словам, но всё же не стоит им пренебрегать. Впрочем, это отдельная тема для разговора.

Помните что описание description не должно превышать по длине более 200 символов, а ключевые слова keywords 1000 символов, иначе это может пагубно отразится при продвижении Вашего сайта в ТОП поисковых систем.

Адрес


Думаю понятно.. здесь указывается адрес Вашего почтового ящика Publisher-Email и адрес сайта Publisher-URL

Обновление страницы

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

Время действия документа и кэш

Для того чтобы ускорить загрузку страницы, а так же сэкономить трафик современные браузеры сохраняют посещаемые пользователем страницы в кэш (на жёсткий диск), и при повторном посещении загружают их не с сервера, а непосредственно с кэша. На самом деле такая функция хороша собой.. но есть одно "но", дело в том что в браузере может отображаться уже устаревшая информация, какой либо страницы. Представьте, к примеру, Ваш сайт представляет собой некое периодическое новостное интернет издание, а пользователь получит, вместо самых свежих новостей, уже устаревшую информацию, ту которая хранится у него в кэше!! и не разобравшись в чем "беда" примет Ваш сайт за "мертвый" заброшенный и никем не обновляемый.

Для того чтобы принудительно заставить браузер загружать ту или иную страницу не с жёсткого диска, а с сервера необходим мета тег с данным синтаксисом, где указывается день недели, число месяц год время (чч:мм:сс) и часовой пояс(GMT+03:00 - время Московское + три часа). День недели и время дня можно не указывать. Теперь при чтении страницы браузером страница будет грузится с сервера, если указанная дата и время настало или просрочено, и напротив из кэша если указанное время еще не наступило.

Ниже на всякий случай приведены таблицы сокращений от Английских слов на месяцы и дни недели

Атрибуту content можно присвоить значение "0" в этом случае страница всегда будет загружаться с сервера.

И еще.. некоторые поисковые роботы могут отказаться индексировать документ с заведомо устаревшей датой. - не искушайте судьбу..

А такая запись вовсе запретит браузеру кэшировать данную страницу.

Команды для робота

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

Список возможных команд роботу:

  • Index - индексировать страницу
  • Noindex - не индексировать страницу
  • Follow - прослеживать гиперссылки на странице
  • Nofollow - не прослеживать гиперссылки на странице
  • All - индексировать страницу и прослеживать гиперссылки на странице (по умолчанию)
  • None - не индексировать страницу и не прослеживать гиперссылки на странице
Автоматический переход на другую страницу

Если вдруг по каким либо причинам Вы задумаете поменять URL адрес Вашего сайта то хорошо было бы на старом месте оставить страницу вроде этой:





Переадресация



Адрес сайта был изменен, через 10 секунд Ваш браузер будет автоматически перенаправлен по новому адресу:
http://www.mysite.ru/
Нажмите здесь для того чтобы выполнить переход немедленно.
Приносим извинения за доставленные неудобства.


Разберём и осмыслим строчку из примера:

meta - Refresh (восстановление) указывает браузеру что данную страницу необходимо обновить
content="10; - обновить через заданное количество секунд (в нашем случае десять)
URL=http://www.mysite/index.html" - адрес новой/другой страницы на которую следует перейти.

А вот если в заголовке Refresh URL адрес упустить, как показано в примере, то тогда браузер будет постоянно через каждые 30 секунд (ну или не 30.. сколько пропишите через столько и будет..) обновлять содержимое данной страницы.

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

Эффекты при переходе по ссылке


Данные заголовки создают визуальные эффекты при переходе с одной страницы на другую.

  • Page-Enter - Эффект появления страницы
  • Page- Exit - Эффект исчезновения страницы

В которых:

  • Duration - время действия эффекта в секундах
  • Transition - Один из номеров предлагаемых эффектов (от 0 до 23) перечисленных в таблице:
Номер Описание эффекта Номер Описание эффекта
0 Прямоугольники внутрь 12 Растворение
1 Прямоугольники наружу 13 Вертикальная панорама внутрь
2 Круг внутрь 14 Вертикальная панорама наружу
3 Круг наружу 15 Горизонтальная панорама внутрь
4 Наплыв наверх 16 Горизонтальная панорама наружу
5 Наплыв вниз 17 Уголки влево - вниз
6 Наплыв вправо 18 Уголки влево - вверх
7 Наплыв влево 19 Уголки вправо – вниз
8 Вертикальные жалюзи 20 Уголки вправо – вверх
9 Горизонтальные жалюзи 21 Случайные горизонтальные полосы
10 Шажки горизонтальные 22 Случайные вертикальные полосы
11 Шажки вертикальные 23 Случайный выбор эффекта

Файл page1.html





Эффекты перехода страниц



На заметку:
Эффекты перехода с одной страницы на другую работают не во всех браузерах.



"Перейти"


Файл page2.html





Эффекты перехода страниц



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

"Перейти"


    Ещё раз напомню о том что мета теги стоит применять умело и грамотно особенно это касается команд для робота и кодировки символов, иначе весь Ваш труд может пойти насмарку..

    Заголовок Refresh (автоматический переход на другую страницу) можно использовать не совсем стандартно.. Некоторые авторы используют его для создания своего рода "презентации" слайд шоу, где сменяющиеся страницы и есть кадры презентации. Представьте заходит человек на такой сайт а тут ему "Откинетесь на спинку кресла и расслабьтесь..":) а далее сами по себе пошли картинки, графики, тексты.. а последняя страница тупиковая где пользователь берёт сайт "в свои руки" или же может замыкаться на первую. Только всегда помните о золотом правиле веб-мастера: Главное не переборщить!

Мета теги HTML их назначение и правильное заполнение - 4.8 out of 5 based on 4 votes

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

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

Для чего предназначены мета теги

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

Где находятся? Как записать?

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

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

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

1. content. Устанавливает значение атрибута, заданного с помощью name и http-equiv.

2. http-equiv. Конвертирует метатег в заголовок HTTP. Значение этого атрибута преобразовывается в формат заголовка ответа протокола HTTP.

3. name. Имя, по нему определяется предназначение мета тега. В одном meta не могут одновременно использоваться name и http-equiv.

4. charset. Устанавливает кодировку документа.

Мета теги html делятся на две группы:

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

HTTP-EQUIV. Теги данного типа оказывают влияние на формирование заголовка страницы и указывают браузеру на режим его обработки.

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

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

2. Содержащие информацию о содержимом странице и ее авторе.

3. Содержащие информацию для роботов поисковых систем.

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

Значения для браузеров

Для всех тегов этой группы характерно наличие атрибута http-equiv.

1. Content-Type - принудительно указывает кодировку и тип документа.

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

Пример установки международной кодировки utf8:

2. Content-Language. Задает язык документа и сообщает о нем роботам, индексирующим страницу.

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

Пример установки русского языка:

3. Cache-Control. Указывает браузеру о действии кэша в отношении данного документа.

  • public. Кэширование будет возможным во всех доступных кэшах.
  • private. Кэшируется только в частном кэше, но не кэшируется прокси-сервером.
  • no-cache. Полный запрет кэширования.
  • no-store. Может кэшироваться, но не сохраняется в архиве.
  • max-age=time, must-revalidate. Задает максимальное время, в секундах, в течении которого браузер должен хранить страницу в кэше.
  • max-age=time, proxy-revalidate. Тоже максимальное время хранения, в секундах, но в данном случае указанно не для браузера а для прокси-сервера.

4. Pragma. Запрещает кэширование страниц. Тег может использоваться, если информация размещенная на странице сайта часто обновляется.

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

6. Refresh. Браузер автоматически обновит документ спустя то количество секунд, которое указано в данном значении. Можно провернуть одну полезную штуку. Атрибуты тега принимают URL. Если указать URL другой страницы, то браузер спустя некоторое время загрузит именно ее.

Пример, через 5 секунд пользователь будет перенаправлен на страницу: http://vash-sait.ru/home.html

Значения для поисковых систем

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

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

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

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

3. Robots. Мета тег robots управляет процессом индексации страниц поисковыми системами.

Может принимать одно из следующих значений:

  • Index. Страница может быть проиндексирована.
  • Noindex. Содержимое страницы запрещено к индексации.
  • Follow. Роботам поисковых систем разрешено следовать по ссылкам данной страницы.
  • Nofolllow. Роботам запрещено переходить по ссылкам данной страницы.
  • All. Индексировать страницу и переходить по ссылкам этой страницы.
  • None. Не индексировать страницу, не переходить по ссылкам этой страницы.

На заметку. Описанные в Robots указания поисковым системам, могут быть заданы и в файле robots.txt. Но то, что указано в мета тегах имеет преимущество над директивами robots.txt. То есть, если в мета теге вы разрешите индексацию определенной страницы, а в robots.txt запретите, то она все равно будет проиндексирована.

Пример полного запрета индексации и перехода по ссылкам страницы:

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

Пример, по идее робот должен посетить страницу через 5 дней.

5. Resource-Type. Описывает состояние документа, если значение отлично от Document, то страница будет проигнорирована поисковыми системами и не будет индексироваться. Важный тег для крупных ресурсов, которые используют документы разного типа.

Некоторые возможные значения:

  • Build
  • Classification
  • Creation
  • Document - Принимается по умолчанию.
  • Formatter
  • Operator
  • Random text
  • Rating
  • Site-languages
  • Subject
  • Template
  • Version

6. Subject. Указывает тематику искомого документа роботам поисковых систем. Пока работает не вполне корректно, так как поисковыми системами не установлены классификационные таблицы.

HTML теги Значение и применение

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

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

Поддержка браузерами Тег
Opera
IExplorer
Edge
Да Да Да Да Да Да
Атрибуты Атрибут Значение Описание
character_set Задает кодировку символов для HTML документа.
content text Задает значение, связанное с атрибутами name и http-equiv , в зависимости от контекста.
http-equiv content-security-policy
content-type
default-style
refresh
Фактически эквивалентен гипертекстовому заголовку (имитация http-заголовка), формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными http-заголовками.
name application-name
author
description
generator
keywords
Определяет имя документа на уровне метаданных.
scheme format/URI (универсальный идентификатор ресурса) Не поддерживается в HTML 5.
Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content .
Пример использования Указание кодировки документа

Тег позволяет сообщить браузеру посетителя, какой набор символов и какую кодировку необходимо установить на веб-странице. Атрибут (HTML тега ) задает кодировку символов для HTML документа.

Пример использования тега Это заголовок.

Это параграф.

В данном примере мы задали кодировку документа UTF-8 с использованием элемента и атрибута . Кодировка UTF-8 одна из общепринятых и стандартизированных кодировок текста, которая позволяет хранить символы Юникода.

Часто используемые мета-теги

Метаданные разделены на две основные группы:

  • первая группа - значения атрибута name .
  • вторая группа - значения атрибута

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

И вот наконец вы смогли построить свой первый блог или сайт: решили, какой тематике он будет посвящен, определились с дизайном и приступили к наполнению. Теперь самое время пришло для того, чтобы правильно оформить мета теги "description" и "keywords". Что это такое и как их использовать?

Что такое мета тег description

Если сказать коротко, description — это краткое описание страницы, которое в виде снипета видит пользователь в списке результатов поиска Google, Yandex и пр. Снипет - отображение description в результатах поиска. Хотя это практически одно и то же, в этой статье мы сможем увидеть разницу.

В исходном коде страницы мета тег description располагается в голове html-кода. Он выглядит примерно так:

Как заполнять мета тег description

Несмотря на то что некоторые решают для всех страниц сайта использовать один и тот же рекламный отрывок, по мнению большинства опытных сайтостроителей, важно для каждой страницы прописывать свой текст. Почему? Это влияет на визуальное восприятие пользователя. Кроме того, если description написан эффектно — это привлечет больше посетителей на ваш сайт. Один важный момент, который стоит учитывать, — description не должен быть слишком длинным или слишком коротким — в среднем желательно не менее 380 символов. И хотя, рассматривая результаты поисковой выдачи, можно увидеть 200-300 знаков, на самом деле, Google использует весь отрывок, написанный вами.

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

Примеры description-текстов

Мета тег description — как заполнять? Чтобы найти ответ на этот вопрос, рассмотрим некоторые примеры. Если вы владелец сайта по психологии, в качестве description вы могли бы написать что-то вроде: "Поиск специалиста психолога, а также тесты, советы, семейные рекомендации и многое другое". С другой стороны, можно кратко описать цель сайта, если большинству посетителей будет ясно, о каком учебном заведении или предприятии идет речь. Это может выглядеть так: "Московский государственный университет имени М. В. Ломоносова".

Если ваш сайт содержит музыкальный или видео-контент, тогда в тексте description следует перечислить, что можно скачать с вашей страницы. Там может быть написано: "Скачать фильмы и музыку совершенно бесплатно в хорошем качестве" или "Бесплатная классика в современной обработке - 128, 196, 320. Скачать бесплатно".

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

Системы автоматической генерации сайтов

Если же вы строите сайт при помощи конструктора, тогда мета тег description для сайта нужно вводить в соответствующее поле в редакторе. Наряду с подзаголовками "h1", "title" и "keywords", там имеется ячейка с надписью "description". Как и в случае с другими системами автоматического строения сайтов, мета тег description opencart нужно вводить в специально отведенное для этого поле.

Неправильное заполнение description

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

Чем отличается от description

В отличие от description, ключевые слова — это список основных слов, необходимых для характеристики вашей страницы. Однако keywords - также не то же самое, что и ключевые запросы пользователей поисковых систем — тех слов, которые вводятся в верхнюю панель поиска Google или Yandex. Правда, сегодня "Яндекс" почти не использует эти слова при выдаче поисковых запросов. "Гугл", как заявил их представитель, вообще не обращает на них внимания. А вот рекламный отрывок description гораздо важнее — его видят пользователи, и используют Поэтому особое внимание стоит обратить на ключевые запросы и мета тег description. Если все же вы хотите указать keywords для страниц вашего сайта, тогда в html-коде каждой из них нужно ввести мета тег:

meta name="keywords" CONTENT="вводим ключевые слова для нашей страницы".

Как и в случае с тегом description, располагается он в "голове" страницы.

Ключевые запросы поисковой системы "Яндекс"

Хорошо, если в вашем рекламном отрывке в некотором количестве присутствуют слова, которые пользователи вводят в строку поиска. Для определения статистики вводимых запросов "Яндекса" нужно зайти на сайт: http://wordstat.yandex.ru/. Для использования сервиса необходимо зарегистрироваться. После этого в строку в верхней части страницы введите вашу услугу или товар. Предположим, ваш сайт об истории. Вводим слово "история". И в результатах видим две колонки: "ключевой запрос" и "количество показов в месяц". К примеру, слова "история класс" искали более полутора миллионов раз в месяц. Среди самых часто вводимых словосочетаний можем увидеть: "история онлайн", "история ужасов", "американская России", "скачать 6" и "история 5". Кроме этого, в Yandex Wordstat можно выбрать регион или местность, для которой будет выводиться статистическая информация. Это очень удобно, ведь в разных областях и городах людей могут интересовать разные товары.

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

Формирование снипетов

Как мы уже говорили, речь идет о том же description-тексте. Поисковые системы Bing, Yahoo! и Google выводят для пользователя Интернета снипет, который указан в мета теге description. А вот "Яндекс" поступает слегка иначе. Т. е. то, что вы запишите в теге рекламного отрывка, не будет показано в области для снипета в поисковой выдаче той или иной страницы. Как это исправить? Текст этого отрывка можно настроить в кабинете вебмастера "Яндекса". Однако есть сведения, на которые мы повлиять не сможем, как бы нам ни хотелось, например, количество звезд отеля. Чтобы изменить некоторые адресные данные предприятия или организации, нужно оставить специальную заявку. В большинстве других случаев вы можете сами настраивать ваш рекламный отрывок. Вот такое существенное отличие есть в выдаче результатов поиска "Яндекса". Зачем это нужно знать? Опять-таки, повторим, если мы хотим привлечь больше посетителей для нашего сайта.

Чему мы научились

Итак, как мы увидели, каждый может правильно заполнять мета тег description для сайта. Примеры того, как это делать, были подробно описаны в этой статье. Кроме того, мы с вами могли узнать, в чем отличие в заполнении рекламного отрывка для поисковых систем "Яндекс" и Google. Мы узнали, для чего нужны ключевые запросы пользователей и как их подбирать, а также о практически полной бесполезности ключевых слов. Используя все советы, приведенные в этой статье, вы сможете добиться полного успеха, а при дополнительной сноровке ваш сайт может даже занять место в десятке первых, что увидят пользователи Всемирной паутины. Помните одно: раскрутив сайт однажды, важно продолжать совершенствовать его и дальше, чтобы не потерять набранный рейтинг.

Настройка Meta-тегов и ключевых слов

Приветствую, друзья! В этой статье речь пойдет о том, как писать мета теги. Теги являются неотделимой частью в оптимизации и раскрутке сайта. И им необходимо уделять не меньше внимания, чем другим пунктам оптимизации. Правильное написание тегов поможет вам раскрутить сайт и заработать на нем. Самое главное при написании meta tags не спешить, а составлять вдумчиво и грамотно с точки зрения оптимизации. Правда это может занять не маленький промежуток времени, но зато это того стоит. И вы вскоре пожнете отличные плоды своего труда. Хочу отметить, что все мета теги должны находиться между этими двумя главными тегами: здесь расположены ваши мета теги .

Описание некоторых мета тегов в MOdx:

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

Author, Copyright

Эти теги не отражаются броузерами, но обрабатываются некоторыми поисковыми машинами. Как правило, нет необходимости использовать эти теги одновременно. В большинстве случаев достаточно одного информационного тега, позволяющего идентифицировать автора или принадлежность документа.
Тег Author должен содержать имя автора, если сайт принадлежит организации, имеет смысл использовать тег Copyright. Информация обязательно должна заключаться в кавычки, например .
Дополнительно информационные теги могут содержать атрибут "Lang", указывающий язык, на котором написано значение свойства.
Пример: .

Description

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

Generator

Мета тег Generator - это всего лишь один из "славного" семейства тегов широко используемых генераторами HTML кода в своих целях. Как правило, для владельца сайта эти теги не несут полезной нагрузки.

Keywords

Мета тег Keywords используется поисковыми машинами для оценки релевантности.
Слова, содержащиеся в теге Keywords, рассматриваются поисковыми машинами как рекомендация, но иногда именно этой капли не хватает, чтоб перевесить чашу.
При формировании списка ключевых слов для мета тега Keywords необходимо использовать слова, содержащиеся в тексте документа. Слова, не содержащиеся в тексте, можно использовать в очень небольших количествах, два - три слова. Вставлять их надо в конец списка.
Ключевые слова не должны повторятся в теге Keywords, в крайнем случае, не более двух раз.
В мета теге Keywords имеет смысл использовать не более 10 слов, большее количество релевантности не увеличит.
В Большинстве случаев поисковые машины находят ключевые слова, стоящие во множественном числе (cats), даже если поиск задан в единственном числе (cat). Поэтому рекомендуется в тег Keywords заносить английские существительные во множественном числе.
Роботы некоторых поисковых машин не переходят к новой строке при анализе мета тега Keywords, поэтому не рекомендуется разбивать его на несколько строк.

Пример:

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

Пример:

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

Resource-type

Мета тег Resource-type - описывает состояние данного документа. Если его значение отлично от “Document”, то поисковые системы не будут его индексировать.
Предназначен для использования в крупных проектах, с множеством документов разного типа.
Некоторые возможные значения:

  • Build
  • Classification
  • Creation
  • Document - Принимается по умолчанию.
  • Formatter
  • Operator
  • Random text
  • Rating
  • Site-languages
  • Subject
  • Template
  • Version

Пример:

Revisit

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

Robots

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

  • Index - эта страница должна быть индексирована.
  • Noindex - эта страница не должна индексироваться.
  • Follow - прослеживать гиперссылки на странице.
  • Nofollow - не прослеживать гиперссылки на странице.
  • All - = index, follow (принято по умолчанию).
  • None - = noindex, nofollow.

Тег ничего не меняет в работе робота поисковой машины, так как значение "all" принято по умолчанию.
Но если эта страница создается динамически или очень часто обновляется, то нет смысла ее индексировать, так как информация о странице в поисковой машине и ее истинное содержание будут разными. В этом случае можно рекомендовать поисковой машине не индексировать эту страницу, а только отслеживать на ней гиперссылки, что бы проиндексировать остальную часть сайта .
При использовании тега, запрещающего отслеживание гиперссылок часть сайта может остаться не проиндексированной, так как внутри сайта роботы перемещаются по гиперсылкам. И те страницы, переход на которые заблокирован, не будут индексированы.
Мета тег Robots имеет приоритет над директивами управления, заданными в файле robots.txt.

Subject

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

URL

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

Content-Language

Мета тег Content-Language - это указание языка документа. Используется поисковыми машинами при индексировании. Хотя большинство из них умеют различать язык по тексту.
Некоторые возможные значения (стандарт , ):

Пример:
В спецификации HTML 4.0 есть альтернативная возможность явного указания языка -

Content-Script-Type

Meta тег Content-Script-Type - Определение языка программирования сценариев.
Некоторые из возможных значений:

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

Content-Style-Type

Мета тег Content-Style-Type - указавает язык таблицы стилей, значение "text/css" принимается по умолчанию, если оно вас устраивает и вы не используете в этом документе теги и , то использовать этот тег необязательно.
Пример:

Броузеры определяют язык таблиц стилей по следующему алгоритму:

  • Если в объявлении МЕТА задается язык таблиц стилей, то определяет последнее объявление в потоке символов.
  • Если язык таблиц стилей задается в объявлении STILE, язык таблиц стилей определяет последний заголовок в потоке символов.
  • Если язык таблиц стилей не задан, по умолчанию используется язык "text/css".
Content-Type

Мета тег Content-Type - Отвечает за указание типа документа и кодировки символов.
Использовать мета тег Content-Type надо только с учетом некоторых нюансов.
Во - первых, кодировка символов текста должна соответствовать кодировке, указанной в теге.
Во - вторых, сервер не должен менять кодировку текста при обработке запроса броузера.
В - третьих, если сервер меняет кодировку текста, он должен скорректировать или удалить мета тег Content-Type.
Несоблюдение этих требований может привести к следующему: web-сервер автоматически определит кодировку запроса клиента и отдаст страничку web-броузеру перекодированной. Броузер, в свою очередь, будет читать документ в соответствии с мета тегом Content-Type. И если кодировки не совпадут, то прочитать документ можно будет только после ряда замысловатых манипуляций. Особенно это характерно для старых броузеров IE 3.x - 4.x и Netscape 4.x.
Внимание! Мета тег Content-Type очень часто вставляется генераторами HTML кода.

Некоторые из возможных типов кодировки (стандарт ):

Пример:

Expires

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

PICS-Label

Мета тег PICS-Label - (Platform-Independent Content rating Scheme Label)) определяет уровень доступности сайта (sex, violence), но может использоваться и в других целях.

Pragma

Pragma - Контроль кэширования. При значении “no-cache” кэширование данного не рекомендовано. Предназначен для документов, получаемых в результате работы скрипта.

Пример:

Refresh

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

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

Set-Cookie

Set-Cookie - Настройка cookie броузера.
Пример:
Атрибуты EXPIRES, DOMAIN, PATH и SECURE при необходимости можно опустить.
Пример:

NAME

Имя cookie, не может содержать символы перевода строки, пробелов, точки с запятой (;) и табуляции.

EXPIRES

Время хранения cookie. После указанной даты (в формате "Wdy, DD-Mon-YYYY HH:MM:SS GMT") истекает время хранения cookie.
Если этот атрибут не указан, то cookie хранится в течение одного сеанса, до закрытия броузера.

DOMAIN

Домен, для которого задается значение cookie. Для доменов COM, EDU, NET, ORG, GOV, MIL, INT значение можно задавать сокращенно "MY.COM", оно будет распространяться и на домен "WWW.MY.COM". Для всех остальных (в том числе и RU) значение надо задавать полностью "WWW.MY.RU".
Если этот атрибут опущен, то по умолчанию используется доменное имя сервера, с которого было выставлено значение cookie.

PATH

Устанавливает подмножество документов, на которые распространяется действие cookie. При значение "/doc" действие cookie будет распространено на все файлы и каталоги в этой директории начинающееся на "doc" (/doc/, /document/, /doc2/, docs.html, doc-test.htm).
Если этот атрибут опущен, то значение cookie распространяется только на документы директории, в которой расположен текущий документ.

SECURE

Указывает, что информация о cookie должна пересылается через HTTPS (HTTP с использованием SSL). В противном случае информация о cookie будет пересылается по протоколу HTTP.

Перед запросом к серверу, броузер проверяет cookie. И если атрибуты NAME, DOMAIN и PATH совпадают, броузер посылает cookie серверу.
Если cookie принимает новое значение, старое значение удаляется.
Броузер имеет ряд ограничений по работе с cookie:

  • Единовременно может храниться не более 300 значений cookie.
  • Cookie не может превышать 4 Кбайт.
  • От одного сервера (домена) не может быть более 20 cookie.

Эти ограничения могут быть несколько иными, в зависимости от настройки и типа броузера.
Если происходит превышение лимита (общего или по домену) удаляется первая по времени запись. Удаление происходит, не зависимо от значения атрибута EXPIRES.
При превышении 4 Кбайт, cookie усекается.

Пример:

Window-target

Мета тег Window-target - определяет окно текущей страницы. Приведенный пример может быть использован для прекращения появления новых окон броузера при применении фреймовых структур. Действует для многих (но не для всех) броузеров.
Пример:

Описание мета тегов

Meta title
Описание мета тегов, как писать мета теги
Это один из наиболее важных тегов, которому поисковые системы придают огромное значение.
Заголовок должен содержать ключевые слова, а также быть информативным и привлекательным.
Ссылка на Ваш сайт в выдаче поисковой системы будет содержать текст из тега meta title, так
что это, в некотором роде, визитная карточка страницы. Как правило, в выдачу поисковой
системы попадают 50-80 символов из заголовка, поэтому его размер желательно ограничить этой длиной.

Мета тег description и тэг keywords




Длина содержимого мета тег description не должна превышать 200 символов, a длина keywords - 1000 символов. Это связано с тем, что поисковые серверы, как правило, используют именно такие величины при индексировании информации о вашем сайте. Можно получить отрицательный результат, если поисковые машины отбросят часть описания, превышающего установленные нормы, в результате чего в каталог попадет не вся желаемая информация, либо сервер просто отвергнет регистрацию Вашего сайта. В тэг keywords необходимо вписывать слова или сочетания слов по которым вы хотите продвигать ваш сайт. Если у сайта тиц и pr минимален или оба эти параметра по нулям, то лучше добавлять низкочастотные слова - это те слова, по которым число запросов в поисковике в месяц минимально (например от 10 до 50). Плотность ключевых слов в тексте должна быть около 5 %, т.е. на 100 слов должно приходится 5 ключевиков. Где же взять слова и словосочетания, чтобы потом их вставить в мета тег description и тэг keywords?
Эти сервисы помогут найти популярные ключевые слова для meta name keywords content:
ad.rambler.ru/swrds/wrds.pl - определить популярные ключевые слова в Рамблер.
wordstat.yandex.ru - определить популярные ключевые слова в Яндекс.
stat.go.mail.ru - определить популярные ключевые слова в системе Mail.Ru.
ajx.ru - определить популярные ключевые слова в неофицальном сервисе Yandex Direct.
www.webconfs.com - буржуйский сервис показывающий ключевые слова для поисковиков.
В мета тег description необходимо вставить описание вашей странички, оно будет выводиться при поиске поэтому должно быть красиво составлено. Также в описание можно включить популярные ключевые слова, которые вы прописывали для meta name keywords content.

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

Другие теги

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


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


Это пожелание боту, как часто реиндексировать документ. Не инструкция, а именно пожелание. Бот может его проигнорировать. Вообще здесь следует быть осторожным - если написать revisit-after 1 day и не менять страницу вообще - бот может обидеться и посчитать это попыткой его спама. В этом случае - ждите санкций (вплоть до вылета из индекса). В принципе, revisit-after можно не писать вовсе.

Теги , , , , и
Описание мета тегов: h1 h2 h3, meta name Author, meta name copyright, reply-to, meta name Refresh, meta Name Date, meta http-equiv expires, meta http-equiv content-type. То есть в комментариях пишем заголовок первого уровня, содержащий ключевые слова. Яндекс то, что в тегах комментария не индексирует, пишем мы это исключительно для Рамблера. Написанная фраза в теге h1 будет иметь больший приоритет при поиске, чем в h2, h3, h4, h5 и h6.

meta name Author

или

meta name copyright

Указание авторских прав

meta name reply-to

Указание E-Mail

meta name Refresh

Пример:
Данный пример загружает документ INDEX.HTM через 10 секунд.

meta Name Date

Дата создания сайта.
Пример:

meta http-equiv expires

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

meta http-equiv content-type

Для определения браузером языка, на котором написана страница используется

meta http-equiv refresh

Если неопытный Web-мастер скопирует Вашу страницу, в которой оставит следующий тег, то при заходе на эту страницу браузер автоматически перейдет на Вашу страницу



error: Content is protected !!