Все meta-tags для вашего сайта
Мета-теги используются для хранения информации для браузеров и поисковых систем. Механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных, на которых будет основываться выдача вашего сайта в поиске.
Мета теги влияют так-же на режим отображения HTML документов, хотя сами на экран не выводятся.
Эти данные должны быть заполнены как можно более полно. Продумайте название и описание ваших страниц, которые вы указываете в мета тегах. Эти данные - лицо вашего сайта, это именно та информация, которая будет показана в фрагменте (сниппете) на выдаче в результатах поиска.
Мета теги должны включать в себя целевые ключевые слова и фразы.
Указывать необходимо только продвигаемые ключевые слова данной страницы, а не со всего сайта.
Главные мета теги:
Как правило, при заполнении мета тегов, учитываются следующие ограничения на число символов в каждом:
Заголовок страницы (title) – 70 символов
Мета описание (description) – 160 символов
Мета ключевые слова (keywords) – не более 10 ключевых фраз разделенных запятой.
<title>Заголовок страницы</title> <base href="url сайта" /> <meta name=robots content="index, follow"/> <meta name="description" content="краткое описание страницы"/> <meta name="keywords" content="поисковые слова через запятую" /> <meta name="subject" content="описание темы страницы"/> <meta name="reply-to" content="ваш адрес электронной почты"/> <meta name="author" content="Автор размещенного на странице материала"/> <meta name="copyright" content="Чьи авторские права"/>
Мета-теги для правильного отображения в социальных сетях:
Лучше всего использовать один вид: OG:
<meta property = "og:title" content = "Заголовок страницы" /> <meta property = "og:type" content = "article" /> <meta property = "og:image" content = "url фотографии" /> <meta property = "og:description" content = "Краткое описание страницы" />
Мета-теги для картинок сайта:
Тег alt предназначен для того, чтобы быть альтернативным источником информации для тех, кто отключает показ изображений в своих броузерах. Без текста в теге alt изображение будет показано как пустое изображение. Google подтвердил, что он главным образом при поиске сосредотачивается на тексте в теге alt, пытаясь понять, что изображено на рисунке. У поисковой системы Яндекс есть поиск по картинкам, который выводится одновременно с результатами основного поиска. Название изображения — title — должно предоставить посетителю дополнительную информацию. В броузерах это название всплывает, когда вы наводите мышку на изображение. Включайте в эти теги главные ключевые слова, но делайте их разными.
alt="описание картинки"
title="всплывающее описание картинки"
код картинки дожен выглядеть следующим образом:
<img src="ссылка на картинку" alt="описание картинки" title="всплывающее описание картинки">
Мета-теги для ссылок url и перелинковки сайта:
alt="описание ссылки" title="всплывающая подсказка ссылки"
Подробнее о тегах на сайте Яндекса и HtmlBook
Дополнительные мета- теги:
Google месторасположение
<meta property="place:location:latitude" content="13.062616"/> <meta property="place:location:longitude" content="80.229508"/> <meta property="business:contact_data:street_address" content="Название улицы"/> <meta property="business:contact_data:locality" content="Город"/> <meta property="business:contact_data:postal_code" content="Индекс"/> <meta property="business:contact_data:country_name" content="Страна"/> <meta property="business:contact_data:email" content="cotact@mail.com"/> <meta property="business:contact_data:phone_number" content="+91 1234567890"/> <meta property="business:contact_data:website" content="http://www.website.com"/>
Google Plus
<meta itemprop="name" content="Название сайта"/> <meta itemprop="description" content="Описание сайта"/> <meta itemprop="image" content="https://website.com/image250X250.png"/>
Twitter
<meta name="twitter:card" content="summary"/> <!-- Тип окна --> <meta name="twitter:site" content="Название сайта"/> <meta name="twitter:title" content="Название страницы"> <meta name="twitter:description" content="Описание"/> <meta name="twitter:creator" content="автор"/> <meta name="twitter:image:src" content="https://website.com/image250X250.png"/> <meta name="twitter:domain" content="website.com"/>
Facebook
<meta property="og:type" content="profile"/> <meta property="profile:first_name" content="Имя"/> <meta property="profile:last_name" content="Фамилия"/> <meta property="profile:username" content="Ник"/> <meta property="og:title" content="Название страницы"/> <meta property="og:description" content="Описание"/> <meta property="og:image" content="https://website.com/image250X250.png"/> <meta property="og:url" content="http://www.site.com"/> <meta property="og:site_name" content="Название сайта"/> <meta property="og:see_also" content="http://www.website.com"/> <meta property="fb:admins" content="Facebook_ID"/>