Сниппет генерирование небольшого токена, как на goo.gl


Содержание

Укоротить URL ссылки

На нашем сервисе коротких ссылок легко создавать отслеживаемые короткие URL — адреса.
После сокращения доступна:
— Статистика (добавить)

s
— QR Code (добавить)

q
Дополнительные опции :
— Пароль
— Время жизни
— Срок хранения
— Кол-во переходов
— и другие.

Сократить ссылку на нашем сайте вы можете в поле слева без регистрации или зарегистрировать Бесплатный аккаунт и управлять всеми вашими короткими URL-адресами в своем аккаунте. После сокращения ссылки вы получаете доступ к статистике а также дополнительно ссылку в виде QR кода

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

Генерация токенов и их уникальность

Многие сервисы, например, короткие ссылки, генерируют токен, по которому доступна твоя ссылка. Или если даже взять ютуб, тоже, видео доступны по токенам — ?v=AbbASdw .. Вопрос заключается в следующем: где гарантия, что при генерации такого рода токена, он не будет совпадать уже с существующем? Или они сначала проверяют? Какой алгоритм используется, что все токены получаются уникальными? Ведь по сути, это просто генерация строки. Каков процент совпадения?

4 ответа 4

В своей системе мы храним такие токены в Redis-е. Код генерации и проверок примерно следующий:

Метод generate создает новую ID-шку токена, проверяя, есть ли уже такой идентификатор в Redis-е. Как только создал, помечает его в редисе, что уже создал с временем жизни 60 секунд (после 60 секунд данный ключ автоматом удалится из Redis-а). Метод validate проверяет: создавался ли токен в течении 60 секунд с таким названием.

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

Разворачивая комментарий: я здесь вижу два пути. Первый — это генерация случайного хэша путем применения хэш-функции к случайному значению:

Хэш-функции служат для того, чтобы преобразовать некоторое значение произвольной длины в строку фиксированной длины, причем результат будет всегда повторятся для одинаковых input-значений (в данном примере это неважно). md5 , например, всегда возвращает строку из 32 символов:

Таким образом можно сгенерировать эти символы (строку с хэшем можно обрезать до 6-7 символов, распределение символов на этом участке должно быть настолько же «случайным», как и на всей длине). Если применяется хэш-функция, то алгоритм создания хэша до безумия прост:

Другими словами, код генерирует хеш, пока не находится свободный, т.е. с той самой проверкой.

Интереснее выглядит инкрементальный идентификатор. Каждый материал так или иначе оказывается в базе данных, и, скорее всего, имеет инкрементальный идентификатор — число, уникально идентифицирующую запись, который увеличивается на 1 (тот самый PRIMARY KEY AUTO_INCREMENT в MySQL). В этом случае его можно перевести в подобную строку, просто изменив ему систему исчисления, например, используя просто первые десять букв латинского алфавита вместо цифр (или даже увеличить количество цифр). Насколько понимаю, особого смысла у этого подхода нет (нет большой разницы, используется video/123123 или video/aBaB ), и вряд ли он где-то применяется.

Укорачиватели ссылок помогают злоумышленникам узнавать чужие секреты

Xakep #246. Учиться, учиться, учиться!

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

Укорачивающие сервисы позволяют заменить длинный URL со множеством параметров простым и коротким. Как правило, короткий URL начинается с адреса сервиса и заканчивается уникальным токеном длиной 6-7 символов. Короткие ссылки проще пересылать по электронной почте или публиковать в Twitter, куда из-за ограничения длины твита длинная ссылка может и не поместиться.

Независимый исследователь Мартин Георгиев и Виталий Шматиков из Корнелльского университета разработали программу, которая автоматически перебирает укороченные ссылки, генерируемые сервисами 1drv.ms и goo.gl.

1drv.ms — это укорачиватель ссылок, встроенный в облачное хранилище файлов Microsoft OneDrive. Он представляет собой вариант популярного укорачивателя ссылок bit.ly. Исследователи просканировали 100 миллионов шестисимвольных ссылок 1drv.ms и обнаружили, что 42% из них действует. 19524 ссылки вели на документы или папки, хранящиеся в OneDrive. Просканировав ещё 100 миллионов семисимвольных ссылок и анализируя адреса OneDrive, исследователи сумели получить доступ к 1,3 миллионам файлов, хранящимся в OneDrive. 7 процентов найденных папок допускали модификацию.

Укорачиватель goo.gl принадлежит Google и используется, среди прочего, для сокращения ссылок на карты Google Maps. До прошлого сентября длина токена, выдаваемого goo.gl, составляла всего пять символов. Перебирать такие короткие токены ещё проще, чем токены 1drv.ms. Исследователи просканировали 100 миллионов ссылок goo.gl и нашли 23 миллиона ссылок на карты. На 90 процентах из них был отмечен адрес, а на остальных — проложен маршрут. Многие карты были связаны с аккаунтами Google их авторов.

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

После публикации исследования Microsoft отключил укорачивание адресов в OneDrive и затруднил метод анализа полных адресов документов, который использовали авторы работы.

Goo-gl — сокращение ссылок

Возможности коротких ссылок goo-gl

Статистика

Статистика переходов короткой ссылки goo-gl по континентам, странам, штатам, городам, типам устройств, маркам устройств и наименованиям устройств

Панель управления

Управляйте всеми функциями из удобной административной панели нашего сервиса.

RSS лента на короткой ссылке

Вы можете добавить на страницу короткой ссылки ваши социальные сети или записи из RSS ленты вашего сайта.

Защита паролем

Установите пароль для защиты ваших ссылок от несанкционированного доступа.

Мультиссылка

Добавляйте на 1 странице неограниченное количество коротких ссылок, например, ваши контакты в соц сетях и мессенджерах.

Изменение готовых ссылок

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

Ссылки без ограничений

Вы можете легко добавить неограниченное количество страниц из панели администрирования.

API коротких ссылок

API позволяет сокращать ссылки удаленно, как по одной, так и все ссылки сайта при помощи специального скрипта.

О сокращении ссылок Goo-gl

Как сделать короткую ссылку?

Для создания короткой ссылки необходимо ввести в поле длинную ссылку, нажать на кнопку «сократить», скопировать выданную ссылку. В момент перехода по ней пользователь будет переадресован на ияходный сайт.

Что такое генератор коротких ссылок?

Благодаря нашему API вы можете генерировать ссылки в неограниченном количестве. Вы можете сокращать все ссылки на сайте разом или выборочно. Все они хранятся в базе и надежно защищены, а по переходам собирается статистика

Опасны ли короткие ссылки?

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

Короткие ссылки вк и vk.cc

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

Генератор сниппетов для Яндекс и Google

Предлагаем вашему вниманию генератор сниппетов для Яндекс и Google. На основе этого простого инструмента, вы можете подкорректировать Title, Description и сделать хлебные крошки в выдаче.

Так сниппет будет выглядеть в Google:

#### Кликабельный заголовок ### С ключевыми словами

Наш блог

Запуск новых проектов в Августе

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

Лучшие сервисы для продвижения в Инстаграм

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

Проверка позиций сайта в поисковиках — обзор сервисов и инструментов мониторинга!

Как анализировать позиции сайта и результат проделанной работы? В этом поможет программа по мониторингу позиций.

Яндекс ИКС — что это и как его проверить?


31 августа в 21:00 Яндекс сменил в ПС Яндекс Вебмастере показетель ТИЦ на ИКС. И там же стала доступна проверка Яндекс ИКС у любого сайта.

Цукерберг рекомендует:  Шаблон планировщика

Как сделать сниппет для Google: рецепт идеального блюда

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

Как сделать сниппет для Гугла

Сниппет состоит из трех частей.

  • Заголовок (title), который описывает страницу и по совместительству является одним из важных компонентов ранжирования. Тайтл влияет не только на поискового робота, но и на пользователя. Если хотите узнать о нем больше – почитайте нашу статью.
  • Хлебные крошки (breadcrumbs), или навигационная цепочка. Простейший элемент навигации, показывающий вложенность контента и подкатегории сайта пользователю и поисковому роботу. Google любит хлебные крошки. В этом случае получается минималистичная позиция в поисковой выдаче, где кроме названия и описания никакой другой информации не будет.
  • Описание страницы. Поисковая система может сформировать его из метатега description или из тела страницы. О том, как правильно написать description мы уже писали здесь.

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

Что из себя представляют расширенные сниппеты в Google

Расширенный сниппет (или rich snippet) – позиция в поисковой выдаче, которая кроме тайтла и дескрипшна имеет дополнительную информацию:

  • ссылки на отдельные страницы;
  • изображения (особенно актуально для рецептов);
  • контактные данные, рейтинг статьи;
  • расписание концертов и прочее.

Есть несколько причин тратить время на создание таких сниппетов:

  • Они показывают, что контент релевантен запросу. Введя «пицца с курицей», пользователь получит если не ответ на свой вопрос, то полезную информацию о содержимом страницы:
  • Они выделяют сайт из однотипной выдачи. Рейтинг, расписание сеансов, размер среднего чека в кафе – все это цепляет взгляд пользователя.
  • Они упрощают навигацию по сайту. По запросу «купить краску» пользователь получает расширенный сниппет Google, из которого понятно, какая краска есть в магазине:

Мы думаем, что трех доводов вполне достаточно, чтобы начать ими пользоваться. К тому же это очень просто.

Хлебные крошки для сниппета

Самый распространенный способ разметки хлебных крошек – использовать микроразметку. Рассмотрим на примере:

– описание элемента. Так вы даете роботу понять, что сейчас будет описываться навигационная цепочка.

– адрес страницы, где тег [a] и [itemprop=»url»] указывают на то, что это ссылка.

– тайтл страницы, который будет выводиться в навигационной цепочке вместо ЧПУ. Заметьте, что тайтл указывается не в теге [a], а как отдельный параметр, где [itemprop=»title»] указывает на то, что это заголовок.

  • После этого в теге [span] указан символ, который будет использоваться как разделитель между категориями. В нашем примере это [ » ].
  • Поместив такой код в исходном HTML-коде целевой страницы, с выдержанной иерархией и правильно расставленными тегами, вы создадите удобную для пользователя и робота структуру.

    Перейдем к наполнению.

    Как вывести нужное в расширенный сниппет Гугла: управляем schema.org

    Google совместно с Microsoft и Yahoo разработал и внедрил схему единой семантической разметки schema.org.

    Schema.org – это способ структурирования информации на странице с использованием нескольких десятков схем, описывающих различные сущности:

        • CreativeWork – для книг, музыки, блогов, рецептов и прочего творчества.
        • Event – концерты, стендапы, фестивали, выставки.
        • Organization – школы, компании, госучреждения, кафе.
        • Person – вымышленные персонажи или реальные люди.
        • Place – парки, горы, жилые здания, достопримечательности.
        • Product – товары.

    Для каждой категории определено несколько десятков полей. Эти поля отвечают за ту или иную информацию, которая будет отображаться в расширенном сниппете Google, а также подкатегории. Например, для Organization есть LocalBusiness, MedicalOrganization, Airline и т.д., которые тоже имеют собственные подкатегории.

    По мере роста бизнеса повар проходит курсы повышения квалификации и становится профессионалом по готовке пиццы — теперь он [Пиццайола]. Если вы отправите повара на обучение готовке пиццы в Тоскану, то он станет мастером. Назовем его [Пиццайола-мастер].

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

    То же самое и в schema, где линейка наследования класса «Ресторан» выглядит как [Нечто] – [Организация] – [Местный бизнес] – [Производство пищи] – [Ресторан].

    [Нечто], или [Thing], – базовый класс для всех остальных классов. Примерно как [Глыба мрамора] для всех изделий из мрамора.

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

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

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

    Добавляем HTML-код страницы в форму (или просто указываем url) и выбираем тематику сайта:

    Теперь выделяем нужные куски текста, а сервис сам проставит теги:

    Находится сервис здесь. Есть и другие плагины для CMS, автоматически генерирующих код, например WordPress Schema Creator.

    А мы немного углубимся в теорию и рассмотрим, как разметить текст на странице вручную.

    Общие правила:

        • тегами div обозначается описание конкретного объекта;
        • itemscope itemtype указывает на тип объекта;
        • в itemprop описываются свойства объекта.

    Рассмотрим на примере

    Нам нужно создать расширенный сниппет для страницы ресторана, с адресом, описанием и прочим.

    Укажем тип страницы – скажем поисковому роботу, что мы будем описывать ресторан:

    Теперь нужно указать свойства объекта:

    логотип с прописанным alt:

    И закрывающий тег:

    После этого нужно проверить размеченный текст в валидаторе Google и посмотреть, как поисковик интерпретирует данные в тегах:

    JSON-LD

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

    Основное преимущество JSON-LD – код не видят посетители сайта, так как он помещается в блок [head] страницы при помощи тега [script]. Это же является недостатком – поисковики не любят, когда от них что-то скрывают. Тот же самый расширенный сниппет, что вверху, будет выглядеть примерно так:

    Принцип примерно такой же, что и при работе с микроразметкой:

        • в начале указывается тип сниппета;
        • потом перечисление параметров и заполнение их полей;
        • в конце закрывается тег [script] и весь код вставляется в блок [head].

    Для автоматической генерации кода на JSON-LD можно использовать вот такой сервис.

    Вывод: расширенный сниппет – это несложно и нужно

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

    Генератор мета-тегов Open Graph онлайн для соцсетей

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

    Заполните поля ниже, чтобы получить готовый код.

    Ваш сгенерированный код

    Что такое Open Graph?

    Open Graph ­— это стандарт микроразметки для создания превью страниц сайтов в соцсетях.

    Open Graph разработали специалисты Facebook, чтобы ссылки на сайты внутри соцсети отображались красиво и были информативными. Сейчас Open Graph поддерживают многие соцсети: Facebook, Twitter, Google+, ВКонтакте, Одноклассники и мессенджеры, например, Telegram и Skype.

    Зачем использовать Open Graph?

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

    Чтобы получить красивый сниппет сайта, в код страницы в теге нужно вставить мета-теги Open Graph. Элементы микроразметки можно разделить на основные и дополнительные.

    Основные:

    • og:title — описание страницы
    • og:type — тип объекта
    • og:image — URL изображения, которое будет отображаться в сниппете
    • og:url — URL объекта.


    Дополнительные элементы делают превью более информативным: можно добавить язык, контакты или адрес. О дополнительных элементах можно прочитать на сайте разработчика http://ogp.me/

    Вопросы и ответы

    Стандарт Open Graph поддерживают почти все соцсети, для Twitter в нашем инструменте есть специальные опции.

    Как изменить сниппет после публикации?

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

    Почему не отображается картинка в сниппете?

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

    Можно ли использовать несколько изображений?

    Можно, но при публикации будет отображаться только одно, вы можете выбрать его сами.

    Как узнать, правильно ли отображается сниппет?

    У некоторых соцсетей есть сервисы, позволяющие проверить корректность отображения сниппетов. Например, у Facebook, Twitter и Google+.

    Влияет ли корректный сниппет для соцсетей на SEO?

    Сниппеты в соцсетях влияют на поведенческие факторы: правильно оформленные ссылки получают больше лайков и переходов на сайт.

    У меня сайт на готовой CMS, как правильно сделать сниппет?

    У большинства популярных CMS есть наборы плагинов, позволяющих внедрить разметку Open Graph, не залезая в код.

    В коде страницы нет ошибок, но Facebook показывает устаревшую или неверную информацию, что делать?

    Используйте отладчик объектов OG Facebook, чтобы очистить кэш и добавить актуальную информацию. https://developers.facebook.com/tools/debug/og/object/

    В коде страницы нет ошибок, но Вконтакте показывает устаревшую или неверную информацию, что делать?

    Используйте pages.clearCache ВКонтакте, чтобы очистить кэш и добавить актуальную информацию. https://vk.com/dev/pages.clearCache

    Если на сайте нет социальных кнопок, Open Graph будет работать?

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

    Расширенные сниппеты (Rich Snippets) в Google и Яндекс

    Занимаясь продвижением сайта, все больше внимания оптимизаторы уделяют тому, как выглядит сниппет. Технология расширенных сниппетов не нова. Яндекс и Google позволяют использовать дополнительные возможности для того, чтобы ссылка на ваш сайт была более информативной, а поисковая выдача — релевантной и лучше отвечала на запросы пользователя. Ваша задача — только воспользоваться этими возможностями.

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

    Обзор форматов микроразметки, которые сейчас используют Google и Яндекс

    Товары, Product

    Использование микроразметки по стандарту schema.org/Product позволит вывести цену в сниппет. Выглядеть это будет примерно так.

    Вот такой сниппет может быть сформирован в Google: выводится цена товара.

    Отметим, что та же ссылка в Яндексе отображается без цены.

    При этом в справке Яндекса есть пример, как это может выглядеть:

    Здесь технические требования и примеры, как настроить микроразметку для товаров (Product):

    Товары и цены, YML-выгрузка в Яндексе

    У Яндекса есть еще один инструмент — Товары и цены. С помощью YML-выгрузки можно вывести в сниппет цену и информацию о доставке. Причем выглядеть сниппет будет на порядок привлекательнее.

    Обратите внимание, что использовать инструмент удается и для услуговых сайтов. Хотя понятие «доставка» в этом случае выглядит немного странно, и этот параметр нельзя отключить.

    Полезная информация по YML-разметке:

    Рецепты, Recipe

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

    В Яндексе так же отображается фотография. А в сниппет выводится ингридиенты (обязательное поле) и дополнительная информация — например, время приготовления, калории или количество порций.

    Здесь технические требования и примеры, как настроить микроразметку для рецептов (Recipe):

    Обзоры, Review

    Здесь технические требования и примеры, как настроить микроразметку для обзоров (Review):

    События, Event

    Здесь технические требования и примеры, как настроить микроразметку для событий (Event):

    Софт, программное обеспечение, SoftwareApplication

    Здесь технические требования и примеры, как настроить микроразметку для ПО (SoftwareApplication):

    Видео, Video

    Здесь технические требования и примеры, как настроить микроразметку для Видео (Video):

    Статьи, Article

    Здесь технические требования и примеры, как настроить микроразметку для статей (Article):

    Генерация токенов и их уникальность

    Многие сервисы, например, короткие ссылки, генерируют токен, по которому доступна твоя ссылка. Или если даже взять ютуб, тоже, видео доступны по токенам — ?v=AbbASdw .. Вопрос заключается в следующем: где гарантия, что при генерации такого рода токена, он не будет совпадать уже с существующем? Или они сначала проверяют? Какой алгоритм используется, что все токены получаются уникальными? Ведь по сути, это просто генерация строки. Каков процент совпадения?

    4 ответа 4

    В своей системе мы храним такие токены в Redis-е. Код генерации и проверок примерно следующий:

    Метод generate создает новую ID-шку токена, проверяя, есть ли уже такой идентификатор в Redis-е. Как только создал, помечает его в редисе, что уже создал с временем жизни 60 секунд (после 60 секунд данный ключ автоматом удалится из Redis-а). Метод validate проверяет: создавался ли токен в течении 60 секунд с таким названием.

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

    Разворачивая комментарий: я здесь вижу два пути. Первый — это генерация случайного хэша путем применения хэш-функции к случайному значению:

    Хэш-функции служат для того, чтобы преобразовать некоторое значение произвольной длины в строку фиксированной длины, причем результат будет всегда повторятся для одинаковых input-значений (в данном примере это неважно). md5 , например, всегда возвращает строку из 32 символов:

    Таким образом можно сгенерировать эти символы (строку с хэшем можно обрезать до 6-7 символов, распределение символов на этом участке должно быть настолько же «случайным», как и на всей длине). Если применяется хэш-функция, то алгоритм создания хэша до безумия прост:

    Другими словами, код генерирует хеш, пока не находится свободный, т.е. с той самой проверкой.

    Интереснее выглядит инкрементальный идентификатор. Каждый материал так или иначе оказывается в базе данных, и, скорее всего, имеет инкрементальный идентификатор — число, уникально идентифицирующую запись, который увеличивается на 1 (тот самый PRIMARY KEY AUTO_INCREMENT в MySQL). В этом случае его можно перевести в подобную строку, просто изменив ему систему исчисления, например, используя просто первые десять букв латинского алфавита вместо цифр (или даже увеличить количество цифр). Насколько понимаю, особого смысла у этого подхода нет (нет большой разницы, используется video/123123 или video/aBaB ), и вряд ли он где-то применяется.

    Как сделать расширенный сниппет: подробное руководство для чайников

    Время чтения: 16 минут Нет времени читать? Нет времени?

    Расширенный сниппет на странице выдачи обеспечивает дополнительные переходы на сайт. Вы еще не используете этот инструмент, так как боитесь лезть в код сайта и путаетесь в типах разметки? Тогда это руководство для вас: из него вы узнаете, как сделать расширенный сниппет, даже если никогда не имели дела с HTML-кодом.


    Что такое расширенные сниппеты и зачем они нужны

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

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

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

    Зачем нужны расширенные сниппеты

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

    Вот некоторые данные о влиянии расширенных сниппетов на кликабельность ссылки на сайт в выдаче, а также на эффективность продвижения ресурса:

    • В 2011 году Marketing Tech Blog опубликовал вдохновляющие данные. По данным этого ресурса, указание авторства статей с отображением в сниппете фото журналиста обеспечило блогу рост CTR на 484 %. С тех пор много воды утекло, но цифры остались. Вдумайтесь, фото автора рядом со ссылкой на сайт увеличило CTR на сотни процентов. Пусть Google Authorship больше не поддерживается, зато есть другие типы расширенных сниппетов.
    • Мэтт Каттс прямо не подтверждает, что расширенные описания влияют на рейтинг сайтов в выдаче. Но он говорит, что в некоторых тематиках внедрение микроразметки улучшает видимость сайта. Еще раз обратите внимание, расширенные сниппеты повышают видимость сайта. Пусть речь не идет о позициях ресурса. Вам же нужны клики, а не первое место в выдаче. Кстати, Рэнд Фишкин утверждает, что клики могут влиять на позиции сайта в выдаче. Если он прав, то Мэтт Каттс лукавит, когда говорит об отсутствии влияния сниппетов на позиции.
    • Маркетинговое агентство Catalyst несколько лет назад протестировало расширенные сниппеты. Они обеспечили сайту кулинарной тематики рост CTR на 150 %.
    • По данным Search Engine Land, нидерландский сайт Independer.nl, посвященный автострахованию, с помощью расширенных сниппетов увеличил CTR ссылок в выдаче на 28 %.
    • Коллеги из SeoProfy приводят примеры увеличения CTR сайтов в выдаче. Кликабельность большого сайта выросла на 4 %, а маленького на 442 %.
    • Маркетологи из Builtvisible рассказывают об увеличении CTR с помощью расширенных описаний.

    Сниппеты приносят вам дополнительные переходы на сайт. Если вы умеете конвертировать трафик, немедленно внедряйте расширенные описания. Они принесут вам новые сделки. Информация ниже поможет вам это сделать.

    Какие существуют словари и типы синтаксиса микроразметки

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

    • Schema.org. Этот словарь можно назвать золотым стандартом микроразметки. Его поддерживают крупнейшие поисковые системы, включая «Яндекс», Google и Bing. С помощью Schema.org вы можете описывать сотни сущностей. Благодаря этому вы можете помочь «поисковикам» отображать расширенные сниппеты разных типов. Подробную информацию о Schema.org вы найдете в нашей статье и гайде.
    • Microformats.org. С помощью языка микроформатов вы можете структурировать информацию о некоторых сущностях: людях, событиях, статьях, отзывах. Крупнейшая в рунете поисковая система «Яндекс» в данный момент поддерживает только четыре типа разметки микроформатов: рецепты, отзывы, товары и контактные данные. Поэтому возможности Microformats.org ограничены по сравнению со Schema.org.
    • Open Graph. Этот язык помогает социальным сетям отображать ссылки на ваш сайт с привлекательными описаниями. Open Graph поддерживают все наиболее популярные в рунете социальные площадки, включая Facebook, «Вконтакте», Twitter и т.п.

    Каждый язык микроразметки вы можете реализовать с помощью разных типов синтаксиса:

    • Микроданные. Формат microdata считается основным средством реализации микроразметки Schema.org. Он предполагает использование тегов и атрибутов HTML для структурирования данных. Основным преимуществом микроданных остается простота использования.
    • JSON-LD. Перспективный формат передачи структурированных данных, предложенный W3C. С помощью этого типа синтаксиса вы можете реализовать микроразметку Schema.org.
    • Микроформаты. Этот синтаксис используется для реализации словаря Microformats.org.
    • RDFa. Данный формат используется для реализации языка Open Graph.

    Какой язык и синтаксис выбрать

    Выбирайте язык и синтаксис в зависимости от цели и задач, которые вы хотите решить. Если вам нужны расширенные сниппеты на страницах поисковой выдачи, оптимальным выбором будет Schema.org. Этот тип микроразметки поддерживают все крупные поисковые системы. Используя Schema.org, вы можете описать множество разных сущностей и получить разные типы расширенных сниппетов. Реализовать разметку Schema.org вы можете с помощью синтаксиса microdata или JSON-LD.

    Если вам необходимо управлять описаниями ссылок в социальных сетях, внедрите Open Graph. Чтобы реализовать эту разметку, вы будете использовать формат RDFa. Язык Microformats.org также заслуживает внимания благодаря простоте использования.

    Как получить расширенные сниппеты с помощью Schema.org

    Вы можете реализовать микроразметку Schema.org несколькими способами. В нашем руководстве описывается самый сложный и самый правильный /upload/img/2015-11-11-tex-01.jpg: самостоятельная сборка кода, который необходимо указать на размечаемой странице. Если вы хотите досконально разобраться со Schema.org, обязательно воспользуйтесь руководством и разметьте вручную несколько страниц с разными сущностями.

    Не старайтесь запомнить наизусть порядок указания атрибутов. Вам необходимо понять принцип работы со Schema.org. Для практической повседневной работы вы будете использовать один или несколько инструментов, перечисленных ниже.

    Schema Creator

    Веб-сервис Schema Creator — простой и удобный генератор кода микроразметки, созданный софтверной компанией Raven. Чтобы воспользоваться инструментом, вам не нужно разбираться в веб-программировании. Более того, вам не придется даже регистрироваться. Есть только два условия успешного использования инструмента. Во-первых, вам нужно знать английский язык на базовом уровне или уметь пользоваться онлайн-переводчиками. Во-вторых, вам нужно знать, куда и как вставить сгенерированный инструментом код разметки.

    Представьте, что с помощью Schema Creator вы хотите разметить страницу с описанием книги. Вам нужно выбрать тип разметки «Книга» (Book).

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

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

    Обратите внимание, если вы пользуетесь CMS с возможностью редактировать страницу в визуальном формате и формате HTML, выберите второй вариант.

    Если вы вставите код в визуальном редакторе, он некорректно отобразится на странице.

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

    Если вам по каким-то причинам не подходит веб-сервис Schema Creator, воспользуйтесь другими инструментами для генерации кода микроразметки:

    • Если ваш сайт работает на WordPress, используйте плагин Schema Creator. Прочитайте подробную инструкцию по применению этого инструмента. Кстати, вы можете использовать и другие плагины для микроразметки. Для этого введите в поисковое поле каталога плагинов WordPress запрос «Schema.org».
    • Для сайтов на Joomla! используйте редактор JCE и расширение J4Schema.org. Обратите внимание, чтобы заставить эту пару инструментов работать, вам придется потрудиться. Подробнее в инструкции.
    • Для сайтов на Drupal воспользуйтесь модулем Schema.org.
    • Существуют плагины и модули микроразметки для других популярных CMS: Magento, OpenCart, 1С-Битрикс и так далее.

    Вы можете реализовать микроразметку Schema.org с помощью синтаксиса JSON-LD. Для этого воспользуйтесь инструкцией. С помощью JSON-LD вы сможете внедрить на сайт только несколько типов микроразметки: Article, Person, WebSite, searchAction и некоторые другие. Синтаксис JSON-LD имеет важное преимущество перед микроданными: с его помощью можно создавать разметку, которую «видят» только поисковые системы.

    Как разметить страницу с помощью маркера Google

    Вы можете получить расширенные сниппеты, разметив страницу с помощью маркера в кабинете для вебмастеров Google. Для этого авторизуйтесь в Search Console и выберите в меню «Вид в поиске – маркер».

    На открывшейся странице нажмите кнопку «Начать выделение».

    Введите URL страницы, которую планируете разметить. Выберите необходимый тип разметки. Поставьте флажок напротив опции «Отметить только эту страницу», если планируете вставить разметку только на одной странице. Если вы хотите одновременно разметить несколько страниц, оставьте опцию по умолчанию «Отметить эту и похожие страницы».

    Выбранная страница должна открыться в режиме маркировки. Теперь вы можете выделять курсором нужные фрагменты контента и добавлять значения к атрибутам.

    Убедитесь, что значение атрибута отобразилось корректно. Оно должно появиться в блоке «Мои элементы данных».

    Таким же способом разметьте остальные данные. Если вы размечаете страницу с описанием фильма, укажите режиссера, исполнителей главных ролей, жанр, год выхода и т.п. После выделения нужных данных нажмите кнопку «Опубликовать».

    После очередного индексирования сайта Google учтет изменения и отобразит в выдаче расширенный сниппет.

    Как получить расширенный сниппет с помощью мастера разметки структурированных данных Google

    С помощью мастера разметки вы можете добавить структурированные данные на страницы сайта или в HTML-код электронных писем. Авторизуйтесь в системе и укажите URL страницы, которую планируете разметить. Выберите тип данных и нажмите кнопку «Начать разметку».

    На открывшейся странице выделяйте курсором данные и присваивайте значения атрибутам, как при работе с маркером.

    После завершения разметки нажмите кнопку «Создать HTML». Скопируйте выделенный фрагмент с кодом разметки и вставьте на страницу сайта.

    Как получить расширенные сниппеты с помощью «Яндекс.Вебмастер»

    Для формирования расширенных сниппетов вы можете воспользоваться инструментами для вебмастеров «Яндекс». Для этого выберите меню «Содержимое сайта».

    Выберите тип данных, которые должны отображаться в расширенном сниппете. Это могут быть «Товары и цены», «Рецепты», «Рефераты», «Отзывы», «Словари», «Автообъявления».

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

    Как получить расширенные сниппеты с помощью микроформатов

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

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

    Как получить расширенные описания в социальных сетях

    Универсальный инструмент для решения этой задачи — протокол Open Graph. Его «понимают» наиболее популярные социальные сети, включая «Вконтакте», «Фейсбук», «Твиттер», Google+ и другие.

    Чтобы создать разметку Open Graph, воспользуйтесь автоматическим генератором, например, таким. Заполните необходимые данные. Скопируйте сгенерированный код и вставьте его на страницу между тегами и .

    Обратите внимание, в выпадающем меню Type необходимо выбирать подходящий тип контента: статья, видео, книга и так далее.

    Чтобы получить привлекательные описания в Twitter, вы можете воспользоваться Twitter Cards. Вам поможет подробная инструкция по использованию этого инструмента.

    Обратите внимание на следующие инструменты:

    • Если ваш сайт работает на WordPress, воспользуйтесь плагинами для генерации разметки Open Graph: этим или этим.
    • Для сайтов на Joomla! подойдут расширения Phoca Open Graph и Easy Open Graph.
    • Владельцам сайтов на Drupal стоит обратить внимание на модуль Open Graph meta tags.
    • Для сайтов на 1С-Битрикс можно попробовать платное расширения Social Media Optimizer. Разработчики утверждают, что оно поддерживает разметку Open Graph и Twitter Cards.
    • Если ваш сайт работает на Magento, воспользуйтесь расширением Social Share – Open Graph.
    • Для сайтов на OpenCart также можно выбрать специальное расширение.

    Если вы по каким-то причинам не хотите пользоваться универсальными веб-генераторами разметки Open Graph, установите на сайт подходящий плагин или расширение.

    Какие сниппеты использовать в зависимости от типа сайта

    Ответ на этот вопрос зависит от цели и задач, которые вы решаете, а также от типа вашего сайта. Начните с базовых типов разметки. К сожалению, Google больше не поддерживает разметку Authorship, поэтому не тратьте на нее время. Если вы не хотите ограничиваться базовой разметкой, ориентируйтесь на особенности проекта.

    Если вы открыли интернет-магазин, то вам будут полезными следующие типы сниппетов:

    • Продукты. Также вы можете получить расширенный сниппет в «Яндексе» с помощью программы «Товары и цены».
    • Отзывы/обзоры.
    • Контактные данные. Вы можете указывать контакты сервисных центров, пунктов выдачи заказов или офлайн-подразделений. Используйте разметку Schema.org или микроформаты.
    • Person. Используйте этот тип разметки для структурирования информации об экспертах, разработчиках продуктов, авторов публикаций.
    • Search Box. Воспользуйтесь плагином для WordPress или скопируйте код здесь и вставьте данные своего сайта.

    Для контент-проектов можно использовать такие типы разметки:

    • Статья. Воспользуйтесь генератором разметки или скопируйте код здесь и вставьте необходимые данные.
    • События.
    • Person.
    • Контактные данные.
    • Отзывы/обзоры.

    Администраторам корпоративных сайтов можно подумать о следующих типах расширенных сниппетов:

    Также обратите внимание на типы разметки и сниппетов, специфичные сайтам с узкой тематикой:

    • Рецепты для кулинарных ресурсов.
    • Фильмы для сайтов, посвященных кинематографу.
    • Книги для ресурсов, публикующих отзывы или торгующих книгами.

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

    Получить расширенный сниппет просто

    Для этого нужно выбрать тип описания, который вы хотите показывать в поисковой выдаче. Затем вам нужно выбрать язык разметки, с помощью которой вы передадите поисковым системам структурированную информацию. Оптимальным вариантом считается словарь Schema.org, который можно реализовать с помощью микроданных или связанных данных JSON-LD.

    Не тратьте время на создание кода вручную. Воспользуйтесь автоматическими генераторами разметки, например, Schema Creator. Чтобы найти генератор конкретного типа разметки, введите в поисковую систему запрос «x schema creator» или «x schema generator», где x — необходимый тип разметки. Если вы создаете страницы с разметкой ежедневно, установите на сайт плагин или расширение для создания семантической разметки. Обязательно внедрите Open Graph для получения расширенных описаний в социальных сетях. Помните, поисковики не гарантируют отображения расширенного сниппета, даже если вы корректно разметили страницы сайта.

    Цукерберг рекомендует:  Подсветка текста средствами jQuery
    Понравилась статья? Поделиться с друзьями:
    Все языки программирования для начинающих