Российская проектная студия OlDesign.ru

Разработка и ведение стартапов, изготовление сайтов, дизайн печатной и сувенирной продукции, продвижение.

Все 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"/>



    Скажите спасибо - поделитесь:
     

    Комментарии (0)


    Оставьте ваш комментарий: