Техподдержка сайтов
+7 (904) 589-06-04
+7 (904) 589-06-04
s.golikov1
info@sng-it.ru
Сайт программиста 1С Битрикс
Сайт программиста
1C Битрикс
(создание и поддержка сайтов)
О себе
Услуги
  • Перевод сайта на https
  • Создание сайтов
  • Интеграция сайта с 1С
  • Выгрузка товаров в Яндекс.Маркет
  • Композитный сайт
  • Внутренняя оптимизация сайта
  • Доработка сайтов
  • Импорт каталога из файла поставщика
  • Перенос сайта на 1С Битрикс
  • Парсинг контента
  • Установка готового сайта
  • Купить лицензию 1С Битрикс
  • Битрикс 24
  • Настройка служб доставки
  • Интеграция с соцсетями
  • Заказ на Маркете
  • Сопровождение сайтов на 1С Битрикс
  • Поиск и удаление вирусов
  • Настройка платежных систем
  • Выгрузка товаров на Hotline
Портфолио
Готовые сайты
  • Автомобили и автозапчасти
  • Государство
  • Детские товары
  • Мебель, интерьер, декор
  • Медицина
  • Недвижимость
  • Образование
  • Одежда и обувь
  • Продукты питания
  • Ресторанный бизнес
  • Спорт, туризм и отдых
  • Строительство, ремонт, инструменты
  • ТСЖ, ЖСК
  • Украшения, аксессуары, подарки
  • Универсальные
  • Электроника и бытовая техника
  • Разное
1С Битрикс
  • Старт (5 400 ₽)
  • Стандарт (15 900 ₽)
  • Малый бизнес (35 900 ₽)
  • Бизнес (72 900 ₽)
  • Продление лицензии
  • Сравнить редакции
CRM
  • Битрикс24
Контакты
Ещё
    Сайт программиста 1С Битрикс
    Сайт программиста
    1C Битрикс
    О себе
    Услуги
    • Перевод сайта на https
    • Создание сайтов
    • Интеграция сайта с 1С
    • Выгрузка товаров в Яндекс.Маркет
    • Композитный сайт
    • Внутренняя оптимизация сайта
    • Доработка сайтов
    • Импорт каталога из файла поставщика
    • Перенос сайта на 1С Битрикс
    • Парсинг контента
    • Установка готового сайта
    • Купить лицензию 1С Битрикс
    • Битрикс 24
    • Настройка служб доставки
    • Интеграция с соцсетями
    • Заказ на Маркете
    • Сопровождение сайтов на 1С Битрикс
    • Поиск и удаление вирусов
    • Настройка платежных систем
    • Выгрузка товаров на Hotline
    Портфолио
    Готовые сайты
    • Автомобили и автозапчасти
    • Государство
    • Детские товары
    • Мебель, интерьер, декор
    • Медицина
    • Недвижимость
    • Образование
    • Одежда и обувь
    • Продукты питания
    • Ресторанный бизнес
    • Спорт, туризм и отдых
    • Строительство, ремонт, инструменты
    • ТСЖ, ЖСК
    • Украшения, аксессуары, подарки
    • Универсальные
    • Электроника и бытовая техника
    • Разное
    1С Битрикс
    • Старт (5 400 ₽)
    • Стандарт (15 900 ₽)
    • Малый бизнес (35 900 ₽)
    • Бизнес (72 900 ₽)
    • Продление лицензии
    • Сравнить редакции
    CRM
    • Битрикс24
    Контакты
    Ещё
      Сайт программиста 1С Битрикс
      Сайт программиста
      1C Битрикс
      • Главная
      • О себе
      • Услуги
        • Назад
        • Услуги
        • Перевод сайта на https
        • Создание сайтов
        • Интеграция сайта с 1С
        • Выгрузка товаров в Яндекс.Маркет
        • Композитный сайт
        • Внутренняя оптимизация сайта
        • Доработка сайтов
        • Импорт каталога из файла поставщика
        • Перенос сайта на 1С Битрикс
        • Парсинг контента
        • Установка готового сайта
        • Купить лицензию 1С Битрикс
        • Битрикс 24
        • Настройка служб доставки
        • Интеграция с соцсетями
        • Заказ на Маркете
        • Сопровождение сайтов на 1С Битрикс
        • Поиск и удаление вирусов
        • Настройка платежных систем
        • Выгрузка товаров на Hotline
      • Портфолио
      • Готовые сайты
        • Назад
        • Готовые сайты
        • Автомобили и автозапчасти
        • Государство
        • Детские товары
        • Мебель, интерьер, декор
        • Медицина
        • Недвижимость
        • Образование
        • Одежда и обувь
        • Продукты питания
        • Ресторанный бизнес
        • Спорт, туризм и отдых
        • Строительство, ремонт, инструменты
        • ТСЖ, ЖСК
        • Украшения, аксессуары, подарки
        • Универсальные
        • Электроника и бытовая техника
        • Разное
      • 1С Битрикс
        • Назад
        • 1С Битрикс
        • Старт (5 400 ₽)
        • Стандарт (15 900 ₽)
        • Малый бизнес (35 900 ₽)
        • Бизнес (72 900 ₽)
        • Продление лицензии
        • Сравнить редакции
      • CRM
      • Контакты
      • Личный кабинет
      • +7 (904) 589-06-04
      Будьте на связи
      info@sng-it.ru
      • Вконтакте
      • YouTube

      Внедряем микроразметку на сайт

      • Главная
      • ❶ Услуги
      • ❷ Внутренняя оптимизация сайта
      • ❸ Внедряем микроразметку на сайт

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

      Боты «понимают» разметку веб-страницы, получают данные, из которых и формируется сниппет сайта: пользователь видит нужную информацию (цену, адрес, телефон компании, видеозапись, изображение, искомый текст и прочее) на поисковой странице или странице социальной сети.

      Поскольку существует разный контент веб-страниц, то и типов микроразметки несколько. Их можно использовать одновременно в зависимости от целей сайта.

        Основные типы микроразметки:

      • OpenGraph - микроразметка для соцсетей
      • Микроразметка хлебных крошек
      • Отзывы о товаре
      • Контактная информация
      • Карточка товара
      • Микроразметка статьи
      • Микроразметка картинок
      • Микроразметка меню
      • Разметка данных об организации и ее адресе


      OpenGraph - микроразметка для соцсетей

      Несмотря на то, что она разработана для Facebook, данная микроразметка актуальна для любых социальных сетей. OpenGraph-протокол необходим для интеграции сайта с соцстраницей. С помощью него можно управлять представлением веб-страницы в социальных медиа «вручную»: т.е при расшаривании страницы в соцсети, микроразметка OpenGraph сразу выводит картинку, заголовок и описание поста. Это заинтересовывает пользователей, и увеличивает количество переходов, так как изображение не является случайным, да и отрывок текста подобран с особой тщательностью и несет максимум информации, способной заинтересовать.

      Пример:
      <meta property="og:title" content="Выгрузка товаров в Яндекс.Маркет" />
      <meta property="og:url" content="vygruzka-tovarov-v-yandeks-market" />
      <meta property="og:image" content="/upload/iblock/b1c/ya.png" />
      <meta property="og:description" content="Чтобы отправить данные на торговые площадки, нужен файл экспорта. Яндекс.Маркет принимает данные от магазинов в формате yml." />
      <meta property="og:type" content="website" />
      <meta property="og:site_name" content="Битрикс Мастер" >
      <meta property="og:locale" content="ru" />
      , где
      og:title — заголовок поста;
      og:url — ссылка на страницу;
      og:image — картинка;
      og:description — текст анонса;
      og:type — тип страницы, в моем случае website;
      og:site_name — название сайта;
      og:locale — язык;

      Результат: при рассшаривании материалов в соцсетях, выбираются заданные значения заголовка, картинки, описания и других параметров.
      Результат микроразметки Open Graph
      Также Open Graph работает для мессенджеров. Если вы отправите ссылку в Skype, Viber, WhatsApp или другой messenger, то увидите, что ссылка без микроразметки выглядит в виде строки:
      https://www.sng-it.ru/bitriks-24/

      , а ссылка с размеченными данными принимает более интересный вид картинки с заголовком:
      Результат микроразметки Open Graph для Skype
      Проверить микроразметку Open Graph можно на странице https://developers.facebook.com/tools/debug/sharing/

      Микроразметка хлебных крошек

      Хлебные крошки отображают элементы навигации по веб-странице, и нужны, чтобы поисковый робот (особенно 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 сниппеты поисковиков содержат цепочку навигации, для пользователя более понятную чем символьный код ссылок.
      Результат микроразметки BreadcrumbList

      Отзывы о товаре

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

      Пример:
      <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>


      Контактная информация

      Размеченные контактные данные повышают доверие поисковой системы к Вашей веб-странице.
      Передача контактной информации системам поиска значительно улучшает отображения сниппетов сайта в результатах поиска: телефон, адрес, время работы, остановка общественного транспорта. При правильной разметке Яндекс даже показывает карту – схему проезда. Особенно выгодной такая разметка будет для магазинов, различных учреждений, сайтов любых организаций, чтобы данные отображались максимально корректно. Немаловажную роль здесь играет человеческий фактор: быстрый поиск контактной информации привлекает потенциальных клиентов фирмы и ведет к увеличению спроса на предоставляемые товары или услуги.

      Пример:
      <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>


      Карточка товара

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

      Пример:
      <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>


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

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

      Пример:
      <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/iblock/ab6/images-_1_.jpg"/>
                               <meta itemprop="width" content="300">
                               <meta itemprop="height" content="157">
                       </span>

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


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

      Разметка информации об изображениях помогает улучшить представление сайта в Яндекс.Картинках. Поисковые роботы понимают микроразметку https://schema.org/ImageObject

      Пример:
      <div itemscope itemtype="http://schema.org/ImageObject">
              <h2 itemprop="name">Интеграция сайта с 1С</h2>
               <img src=​"https://www.sng-it.ru/upload/iblock/81b/1c_2.png" itemprop="contentUrl" />
               <span itemprop="description">Предлагаю услугу по интеграции сайта с 1С</span>
      </div>


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

      Разметка навигации(https://schema.org/SiteNavigationElement), используем для меню.

      Пример:
      <ul itemscope="" itemtype="https://schema.org/SiteNavigationElement">
              <li><a itemprop="discussionUrl" href="/about/">О себе</a></li>
              <li><a itemprop="discussionUrl" href="/uslugi/">Услуги</a></li>
              <li><a itemprop="discussionUrl" href="/gotovye-sayty/">Готовые сайты</a></li>
      </ul>


      Разметка данных об организации и ее адресе

      Используем (https://schema.org/Organization).

      Пример:

      <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@sng-it.ru</span>
      </div>


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

      Семен Голиков.


      Получите консультацию специалиста
      Семен Голиков
      Семен Голиков
      #
      Cертифицированный программист 1С Битрикс

      У меня Вы можете заказать программные работы или проконсультироваться по сайту.

      C 2010 года разрабатываю и поддерживаю сайты на 1С Битрикс. Являюсь Золотым партнером компании 1С Битрикс и имею компетенции: Интеграция с 1С, Композитный сайт, Битрикс24, а также все сертификаты специалиста.

      Золотой партнер компании 1С Битрикс Компетенция партнера - Интеграция с 1С Компетенция партнера - Композитный сайт Компетенция партнера - Битрикс 24 Участник программы качества внедрений


      info@sng-it.ru
      +7 (904) 589-06-04

      Поделиться:
      Назад к списку
      • Услуги
      • Перевод сайта на https
      • Выгрузка товаров в Яндекс.Маркет
      • Интеграция сайта с 1С
      • Создание сайтов
      • Композитный сайт
      • Внутренняя оптимизация сайта
        • Проверить ответ сервера
        • Сделать 301 редирект домена без WWW на домен с WWW
        • Настроить sitemap
        • Настроить robots.txt
        • Добавить сайт в вебмастера Яндекса и Google
        • Внедряем микроразметку на сайт
        • Убираем циклические ссылки
        • Прописать rel="canonical" для страниц с get-параметрами
        • Скрывать тексты при пагинации/сортировке
        • Создаем ЯндексЧат
        • Аудит внутренней оптимизации сайта
      • Доработка сайтов
      • Импорт каталога из файла поставщика
      • Парсинг контента
      • Перенос сайта на 1С Битрикс
      • Установка готового сайта
      • Купить лицензию 1С Битрикс
      • Битрикс 24
      • Заказ на Маркете
      • Интеграция с соцсетями
      • Настройка служб доставки
      • Поиск и удаление вирусов
      • Сопровождение сайтов на 1С Битрикс
      • Настройка платежных систем
      • Выгрузка товаров на Hotline

      Аудит сайта

      © 2010-2021 Сайт битрикс программиста Семена Голикова.

      Отправляя любую форму на сайте, вы соглашаетесь с политикой конфиденциальности данного сайта.
      - карта сайта
      Главное
      Информация
      Помощь
      • О себе
      • Услуги
      • Готовые сайты
      • Портфолио
      • Купить лицензию 1С Битрикс
      • Битрикс24
      • Контакты
      • Акции
      • Видеоуроки
      • Блог
      • Новости интернета
      • Про интеграцию с 1С
      • Внутренняя оптимизация сайта
      • Сниппеты
      • Партнерам
      • Отзывы
      • Техподдержка
      +7 (904) 589-06-04
      - позвонить в WhatsApp
      Социальные сети:
      - карта сайта © 2010-2021 Сайт битрикс программиста Семена Голикова.
      Отправляя любую форму на сайте, вы соглашаетесь с политикой конфиденциальности данного сайта.