<MyRusakov.ru />

Программирование на JavaScript с Нуля до Гуру 2.0

Программирование на JavaScript с Нуля до Гуру 2.0

Данный курс научит Вас программировать на языке JavaScript, который крайне желательно знать любому уважающему себя программисту. Курс состоит из 8 разделов, в которых Вы с нуля освоите этот язык и сможете создавать самые разные программы для самых разных задач любой сложности. В курсе Вы получите всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

Дополнительно, почти к каждому уроку идут упражнения.

Помимо самого курса Вас ждёт ещё 5 бесплатных ценных Бонусов: «Библиотека jQuery», «Защита JavaScript-кода от копирования», «Решение упражнений из курса», «HTML для начинающих» и «CSS для начинающих».

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Микроразметка сайта schema.org

Микроразметка сайта schema.org

Что такое микроразметка сайта

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


Микроразметка сайта schema.org.

Зачем нужна микроразметка сайта

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

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


Проверка микроразметки в Яндексе и Google

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


Добавить микроразметку на сайт

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

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

<div itemscope itemtype="https://schema.org/Person"></div>

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

<h2 itemprop="name">Rob Doe</h2>

Примеры микроразметки

На сайте schema.org для огромного количества типов данных существуют специальные схемы разметки со своими индивидуальными свойствами. Коллекция schema.org состоит из 829 типов, это может быть разметка событий (Event), информации об организациях (Organization), об отдельных людях (People), товарах (Product) и.т.д.


Микроразметка контактов

Микроразметка страницы контактов может быть выполнена по схеме ContactPage, Organization или PostalAddress.

<div itemscope itemtype="https://schema.org/ContactPage">
    <span itemprop="name">Название организации</span>

    Контакты:
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
        Адрес:
        <span itemprop="postalCode">Индекс</span>,
        <span itemprop="addressLocality">Город</span>,
        <span itemprop="streetAddress">Улица</span>
    </div>

    Телефон: <span itemprop="telephone"></span>,
    Электронная почта: <span itemprop="email"></span>

</div>

Микроразметка статьи

<div itemscope itemtype="http://schema.org/ScholarlyArticle">
    <h1 itemprop="headline">Название статьи</h1>
    <div itemprop="articleBody">Текст статьи</div>
    <div itemprop="references">Использованная литература</div>
    <div>
        <span itemprop="source">Источник статьи</span>,
        <span itemprop="datePublished">Дата публикации источника</span>
    </div>
    <!--Ссылка на изображение -->
    <img itemprop="image" src="" />
</div>

Снабжайте микроразметкой ваши товары и услуги как можно более подробно. Это позитивно скажется на продвижении вашего сайта в поисковых системах.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

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

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.