Войти Регистрация

Войти

|
A A A

Способы добавления микроразметки на сайт

18 фев 2017 15:41 #1 от Market-Studio.com
тема микроразметки довольно обширна. Мы же рассмотрим небольшой, но полезный пример. Решим несложную и вполне типичную задачу.

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
30 янв 2018 06:05 #17 от Павел
Да и за что там платить собственно говоря...

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

  • Павел
  • Павел аватар
  • Посетитель
  • Посетитель
19 апр 2018 11:32 #18 от Roman
snippets.su/ Сниппеты, рекомендую!!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
22 апр 2018 13:10 #19 от Market-Studio.com
Вот еще один бесплатный сервис для проверки микроразметки на сайте:

Knowem
smo.knowem.com/

Инструмент Knowem анализирует страницы сайта и определяет, насколько хорошо вы оптимизировали свой контент под социальные сети. В частности, он смотрит на наличие локальных тегов, тегов Open Graph, карточек Твиттера, авторства Google, а также тайтла, дискрипшена и ключевых слов.

Вот пример отчета, который он выдал по одной из наших статей на Ust-Ilim.info:







Много тегов пропущено, надо исправляться ;)
Вложения:
Спасибо сказали: Cedars

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
22 апр 2018 20:17 #20 от Cedars

Roman пишет: snippets.su/ Сниппеты, рекомендую!!


Не работает.. Сообщается, что Сайт в разработке

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 мая 2018 17:53 - 11 мая 2018 15:51 #21 от Market-Studio.com
Запущен бесплатный инструмент-помощник для сбора сниппетов . Он будет полезен для повышения CTR и проведения SEO-аналитики.

Первое, что видит пользователь в поиске — сниппеты. Кликабельность и другие поведенческие факторы зависят от его привлекательности, размеров и информативности. Не забывайте анализировать эти параметры на примере конкурентов и корректировать собственные. Теперь это совсем просто.
Чем полезен инструмент?

Поможет проанализировать сниппеты конкурентов по интересующим запросам.

Соберёт сниппеты продвигаемого сайта по списку запросов для сравнения и оптимизации.
  1. Поможет определить длину заголовка и текста для внесения корректировок в размер сниппета.
  2. Определит вхождения ключевых слов в заголовки и тексты.
  3. Проверит наличие спецсимволов в сниппетах.

Как работать с инструментом?

Для того, чтобы собрать сниппеты из ТОП выдачи или проверить сниппеты продвигаемого сайта:

Выберите режим работы инструмента: «Парсинг выдачи» или «Сбор для заданного сайта». Во втором случае укажите адрес сайта.
  1. Введите список интересующих запросов.
  2. Выберите поисковую систему и регион.
  3. Укажите глубину анализа — ТОП-1/5/10/20 или 50 (в случае парсинга ТОП выдачи).
Последнее редактирование: 11 мая 2018 15:51 от Market-Studio.com.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 мая 2018 22:37 #22 от Market-Studio.com
Микроразметка хлебных крошек
Хлебные крошки отображают элементы навигации по веб-странице, и нужны, чтобы поисковый робот (особенно google) простроил путь от главной страницы к искомой теме.
Данная микроразметка повышает рейтинг в сниппете, а поисковики выводят ссылки цепочкой от более крупного раздела к искомой теме. Аккуратный вид ссылки привлекает внимание, повышает количество переходов на сайт в целом (у пользователя есть возможность выбора: перейти на необходимую страницу, ознакомиться со всем перечнем сайта на главной, или перейти в промежуточную рубрику).
Пример 1:
<div class="bx-breadcrumb">
     <div class="bx-breadcrumb-item" id="bx_breadcrumb_0" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" itemref="bx_breadcrumb_1"> 
           <a href="/" title="Главная" itemprop="url">
                      <span itemprop="title">Главная</span>
           </a>
     </div>
     <div class="bx-breadcrumb-item" id="bx_breadcrumb_1" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" itemprop="child" itemref="bx_breadcrumb_2"> 
           <a href="/" title="Услуги" itemprop="url">
                      <span itemprop="title">Услуги</span>
           </a>
     </div>
     <div class="bx-breadcrumb-item" id="bx_breadcrumb_2" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" itemprop="child">
           <a href="/vnutrennyaya-optimizatsiya-sayta/" title="Внутренняя оптимизация сайта" itemprop="url">
                      <span itemprop="title">Внутренняя оптимизация сайта</span>
           </a>
     </div>
           <div class="bx-breadcrumb-item">
                     <span>Внедряем микроразметку на сайт</span>
           </div>
</div>

Пример 2:
<div class="bx-breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
     <div class="bx-breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 
           <a href="/" title="Главная" itemprop="item">
                      <span itemprop="name">Главная</span>
           </a>
     </div>
     <div class="bx-breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 
           <a href="/" title="Услуги" itemprop="item">
                      <span itemprop="name">Услуги</span>
           </a>
     </div>
     <div class="bx-breadcrumb-item"itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
           <a href="/vnutrennyaya-optimizatsiya-sayta/" title="Внутренняя оптимизация сайта" itemprop="item">
                      <span itemprop="name">Внутренняя оптимизация сайта</span>
           </a>
     </div>
           <div class="bx-breadcrumb-item">
                     <span>Внедряем микроразметку на сайт</span>
           </div>
</div>
Результат: благодаря микроразметке BreadcrumbList сниппеты поисковиков содержат цепочку навигации, для пользователя более понятную чем символьный код ссылок.


Вложения:

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 мая 2018 22:38 #23 от Market-Studio.com
Отзывы о товаре
Сейчас популярные поисковики больше любят сайты, где возможно оставить отзыв о чем-либо.
Страница с правильной разметкой отзыва занимает больше места на странице поиска. Важно, что она содержит дополнительные ссылки, а чтобы увидеть отзыв полностью, читатель обязан перейти на сайт, содержащий комментарий.
К тому же, возможность ознакомиться с мнением реальных людей всегда привлекает пользователей, т.к. такой информации человек доверяет значительно больше. Все это ведет к эффективному продвижению веб-страницы в поисковике.

Пример:
<div id="block_rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
        <meta itemprop="bestRating" content="10">
        <meta itemprop="ratingValue" content="8.8">
        <span class="rating_ball">8.789</span>
        <span class="ratingCount" itemprop="ratingCount">285 091</span>
</div>

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 мая 2018 22:39 #24 от Market-Studio.com
Контактная информация
Размеченные контактные данные повышают доверие поисковой системы к Вашей веб-странице.
Передача контактной информации системам поиска значительно улучшает отображения сниппетов сайта в результатах поиска: телефон, адрес, время работы, остановка общественного транспорта. При правильной разметке Яндекс даже показывает карту – схему проезда. Особенно выгодной такая разметка будет для магазинов, различных учреждений, сайтов любых организаций, чтобы данные отображались максимально корректно. Немаловажную роль здесь играет человеческий фактор: быстрый поиск контактной информации привлекает потенциальных клиентов фирмы и ведет к увеличению спроса на предоставляемые товары или услуги.

Пример:
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Битрикс Мастер</span>
Контакты:
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
Адрес:
         <span itemprop="streetAddress">пр. Мира 8б</span>
         <span itemprop="postalCode"> 644080</span>
         <span itemprop="addressLocality">Омск</span>,
</div>
Телефон:<span itemprop="telephone">+7 904 589–06–04</span>,
Электронная почта: <span itemprop="email">info@bitrix-master.ru</span>
</div>

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 мая 2018 22:39 #25 от Market-Studio.com
Карточка товара
Эта разметка предложений интернет-магазинов, содержащая нужные продавцу характеристики: наименование, цену, фото, описание и прочее, отображаемое в сниппете. Может использоваться вместе с другими типами разметки, например, отзывами и рейтингом, хлебными крошками, контактной информации. Это удобно пользователям, ведь главную информацию они видят непосредственно на странице поисковика, что в целом повышает доверие к сайту.

Пример:
<div itemscope itemtype="http://schema.org/Product">
         <div itemprop="name"><h1>Лицензия на «1С-Битрикс: Управление сайтом - Первый сайт»</h1></div>
         <a itemprop="image" href="/litsenziy-1s-bitriks/upravlenie-saytom-pervyy-sayt/">
                 <img src="/upload/iblock/11b/box_bus_100x104.png" title="Лицензия на «1С-Битрикс: Управление сайтом - Первый сайт»">
         </a>
         <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                 <div>1 990 руб.</div>
                 <meta itemprop="price" content="1990.00">
                 <meta itemprop="priceCurrency" content="RUB">
                 <div>В наличии</div>
                 <link itemprop="availability" href="http://schema.org/InStock">
         </div>
         <div itemprop="description">Цена указана за лицензию 1С Битрикс, редакция Первый сайт.</div>
</div>

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 мая 2018 22:40 #26 от Market-Studio.com
Микроразметка статьи
Микроразметка статьи так же улучшает работу поисковой системы. Особенно она необходима для блога, интернет-журнала, и вообще любой веб-страницы, для которой искомый текст является основой перехода на данный сайт.
Добавление микроразметки статьи увеличивает ранжирование страницы.

Пример:
<div itemscope itemtype="http://schema.org/BlogPosting">

         <!-- Ссылка на статью -->
         <link itemprop="mainEntityOfPage" itemscope href="Ссылка на статью" />

         <!-- Данные о сайте: лого, телефон, адрес, название -->
         <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
                 <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
                         <img alt="Лого www.bitrix-master.ru" itemprop="image url" src="http://www.bitrix-master.ru/bitrix/templates/master/images/logo.png"/>
                         <meta itemprop="width" content="160">
                         <meta itemprop="height" content="160">
                 </div>
                 <meta itemprop="telephone" content="+7 904 589-06-04">
                 <meta itemprop="address" content="Омск">
                 <meta itemprop="name" content="www.bitrix-master.ru">
         </div>
         
         <!-- Дата публикации статьи -->
         <meta itemprop="datePublished" content="2016-10-07">
         
         <!-- Дата последнего изменения статьи -->
         <meta itemprop="dateModified" content="2016-10-07">

         <!-- Автор статьи -->
         <span itemprop="author" itemscope itemtype="http://schema.org/Person">
         <span itemprop="name">Семен Голиков</span>
         </span>

         <!-- Тело статьи -->
         <div itemprop="articleBody">

                 <!-- Заголовок статьи -->
                 <h1 itemprop="headline">Заголовок</h1>

                 <!-- Главное изображение статьи -->
                 <span itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                         <img itemprop="image url" alt="Описание картинки" width="500" height="280" src="http://www.bitrix-master.ru/upload/resize_cache/iblock/ab6/300_350_1/images-_1_.jpg"/>
                         <meta itemprop="width" content="300">
                         <meta itemprop="height" content="157">
                 </span>

                 <p>Микроразметка помогает поисковым роботам создать информационные снипеты в поисковой выдаче, а также позволяет, при расшаривании страницы в соцсетях, передавать в пост нужную картинку, заголовок, описание.</p>
                 <p>Боты «понимают» разметку веб-страницы, получают данные, из которых и формируется сниппет сайта: пользователь видит нужную информацию.</p>
         </div>
</div>

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
08 мая 2018 23:01 - 08 мая 2018 23:03 #27 от Market-Studio.com
Как устроен мир семантической разметки

Микроформаты (Microformats.org). Этот проект можно рассматривать как набор инструментов, заточенных под определённые нужды (например, для разметки товаров используется микроформат hProduct, для кулинарных рецептов – свой hRecipe). Главная особенность Microformats – более сложное внедрение, поэтому этот словарь применяется сегодня все реже.

Schema.org – словарь, активно поддерживаемый поисковиками (создавался с целью обеспечения возможности формирования специальных сниппетов в поисковой выдаче). Главная особенность этого инструмента – гибкость, которая достигается за счет обилия свойств, которые можно описать в коде микроразметки. Всего словарь насчитывает более миллиона характеристик и свойств.

Dublin Core. Этот словарь разрабатывался с прицелом на различного рода электронные библиотеки и базы данных, и активно используется специалистами музейной сферы, библиотечного дела и пр. Он, в отличие от других, даже стандартизирован в РФ ГОСТом Р 7.0.10-2010.

И это лишь малая часть словарей, используемых сегодня для облегчения жизни владельцам сайтов, оптимизаторам и конечным пользователям. Внедрение Open graph разметки гарантированно улучшит превью ссылок Вконтакте, Skype, Facebook, Google+, Twitter, Pinterest, LinkedIn и др.




Вложения:
Последнее редактирование: 08 мая 2018 23:03 от Market-Studio.com.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
06 сен 2018 17:02 #28 от Roman
Особенностью JSON-LD является его внедрение не в код страницы, а в отдельный тег, то есть нет необходимости вписывать схему в контент страницы. Так что с данной задачей может справиться человек, далекий от программирования.

Пример разметки с помощью синтаксиса JSON-LD:

<!-- Snippet -->
<s-cript type="application/ld+json">
{
"@context": " schema.org ",
"@type": "Organization",
"url" : " 60.ust-ilim.info ",
"logo" : " ust-ilim.info/logo-market-studio.com-320x128.jpg ",
"address": {
"@type": "PostalAddress",
"addressLocality": "Усть-Илимск",
"postalCode": "666683",
"streetAddress": "ул. Георгия Димитрова, 9"
},
"email": "sdmin@ust0ilim.info",
"name": МаркетСтудия, рекламное агентство
"telephone": "+7 902 5198658 или 2-66-58"
}
</script>
<!-- /Snippet -->


Однако у JSON-LD есть существенный минус. Текст из данной разметки не будет виден пользователю, что противоречит рекомендации поисковиков – не использовать скрытый контент. Стоит отметить, что этот формат в 2013 году был рекомендован Schema.org для разметки страниц, а в середине 2014 всемирно известный поисковик Google посоветовал использовать JSON-LD.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
Время создания страницы: 0.500 секунд

Креативное рекламное агентство и издательское бюро, кадровое агентство МаркетСтудия © 1995-2020 г
Алзамай | Ангарск | Байкальск | Бирюсинск | Бодайбо | Братск | Вихоревка | Железногорск-Илимский | Зима | Иркутск | Киренск | Нижнеудинск | Саянск | Свирск | Слюдянка | Тайшет | Тулун | Усолье-Сибирское | Усть-Илимск | Усть-Кут | Черемхово | Шелехов
Контактный тел: +7.902.5198658 или 8 (39535) 2-66-58, email: info@market-studio.com Телефон бухгалтерии +7.950.11885188


Правила пользования и конфиденциальность | Обратная связь | Телефонный справочник предприятий Усть-Илимска | Электронный справочник предприятий Усть-Илимска (скачать) | Карта сайта

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