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

Войти

A A A

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

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

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

Больше
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": "http://schema.org",
"@type": "Organization",
"url" : "http://60.ust-ilim.info",
"logo" : "http://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.295 секунд

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


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

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