Огромную роль в привлечении трафика на сайт играет сниппет – небольшой блок с информацией о ресурсе, который видят пользователи в поисковой системе. От того, насколько качественно настроен сниппет, зависит показатель «кликабельности». Этот параметр отражает, как часто пользователи переходят именно на ваш ресурс в ТОПе поисковой системы, а не на другие.
В предыдущей статье я рассказал, как можно получить . Увы, но в той поисковой системе далеко не любая тематика сайта позволяет обзавестись расширенным сниппетом. Теперь же речь пойдет о расширенных сниппетах в Гугле, доступных практически для каждого веб-ресурса.
Увидеть, как выглядит стандартный сниппет в Гугле, можно ниже.
Совершенно другая ситуация в тех случаях, когда вместо стандартного сниппета появляется расширенный.
Согласитесь, всего одна составляющая расширенного сниппета – быстрые ссылки, о которых пойдет речь ниже – в корне меняет «привлекательность» сайта в лучшую сторону. Пользователь, увидев в поисковой системе такой расширенный сниппет среди стандартных, скорее всего, кликнет именно по расширенному. И сайт получит еще одного посетителя. Таким образом, главное достоинство расширенных сниппетов очевидно – они привлекают внимание интернет-пользователей, благодаря чему .
Расширенный сниппет в гугле может содержать следующие дополнительные данные о сайте:
- быстрые ссылки на основные разделы ресурса;
- рейтинг популярности статьи;
- фотографию автора статьи.
Благодаря всему вышеперечисленному расширенный сниппет обладает рядом достоинств.
- Повышается доверие пользователей к сайту
. Это происходит, как правило, благодаря размещенной рядом с записью фотографии автора. Люди больше доверяют веб-ресурсу, если «знают в лицо» автора его статей. Кроме того, фотография привлекает внимание, хотя, возможно, в некоторых случаях это может повредить сайту (слишком молодой автор, скандальная репутация, «не та» национальная принадлежность, «не тот» пол и т.д.).
- Растет приток посетителей
. Расширенный сниппет выгодно выделяется на фоне стандартных, привлекая к себе внимание. Благодаря этому больше людей нажимают на него, попадая на сайт.
- Улучшаются поведенческие факторы
. Чем выше «кликабельность» (отношение количества переходов на сайт к общему числу его показов), тем лучше для веб-ресурса. Рост этого поведенческого фактора со временем может привести к улучшению позиций сайта в Гугле, что опять же положительно скажется на посещаемости.
- Решается вопрос с авторством статьи
. Очень часто статьи перепечатываются или вообще нагло воруются и размещаются на других ресурсах. А на этапе формирования расширенного сниппета, вебмастер будет указывать автора статей сайта, защищая свой ресурс от краж контента.
2. Как сформировать расширенный сниппет
К сожалению, невозможно в один расширенный сниппет вместить все возможные дополнительные данные о сайте, которые были перечислены ранее. Поэтому каждый элемент (и способ его формирования) будет описан отдельно.
Быстрые ссылки на основные разделы сайта формируются автоматически, и вебмастер напрямую не может повлиять на этот процесс. Однако можно выполнить ряд профилактических работ на сайте, которые повысят шанс формирования быстрых ссылок в Гугле.
Итак, должны быть выполнены следующие условия, чтобы получить быстрые ссылки:
- сайт хорошо индексируется гуглом, в индексе большое число страниц (ориентировочно – не менее 500-1000);
- с момента первой индексации сайта гуглом прошло достаточно много времени (ориентировочно – не менее 1 года);
- анкоры ссылок должны быть короткими;
- крайне полезно, если страница посещаема, популярна, имеет внешние ссылки с соц. сетей и других веб-сайтов, рекомендуется с помощью и т.д.;
- страница, на которую ведут быстрые ссылки, должна быть релевантной поисковому запросу, по которому она будет ранжироваться в Гугле.
Так как быстрые ссылки формируются роботом, возможны ошибки. Для этого предусмотрен механизм понижения рейтинга ссылки. Пониженная ссылка оказывается менее приоритетной, и ее место занимают другие быстрые ссылки. Подробнее об этом можно почитать в .
2.2 Рейтинг популярности статьи
Помимо быстрых ссылок также неплохо установить на страницу рейтинг популярности. Это можно сделать, воспользовавшись плагинами или скриптами. Такие плагины позволяют читателям сайта выставлять оценки отдельным статьям сайта. На основе этих оценок и формируется рейтинг популярности записи, который в дальнейшем может попасть в выдачу гугла.
На скрине выше показано, как выглядит такой рейтинг популярности. Он состоит из графического элемента – звездочек, а рядом отображается рейтинг и число проголосовавших людей.
Для того чтобы получить в сниппете рейтинг популярности, необходимо установить специальный скрипт или плагин. Плагины могут называться по-разному, что зависит от того, на каком движке (CMS) работает ваш сайт. Я приведу два плагина для самого популярного блого-движка WordPress:
Оба плагина аналогичны друг другу, устанавливаются достаточно просто, поэтому проблем с ними возникнуть не должно.
2.3 Фотография автора
Пожалуй, одна из самых важных частей расширенного сниппета – это фотография автора. Многие блогеры стремятся получить ее в сниппете. И сделать это можно для любого сайта, независимо от его тематики, срока жизни и «пузомерок» ( , PR и т.д.).
Помимо того, что фотография автора привлекает внимание пользователей к сниппету, это также подтверждает авторство статьи. Теперь запись не смогут безнаказанно своровать другие ресурсы. Но для этого сначала нужно доказать гуглу, что статья действительно принадлежит автору. Это еще называется Google Authorship (англ. авторство в гугл
е
). И делается это следующим образом.
Этап 1. Регистрация в
Google+
Сначала необходимо зарегистрировать страничку автора в социальной сети «Гугл плюс». Перейти на нее можно по этой ссылке .
Регистрация достаточно простая, пошагово ее описывать смысла нет.
У автора должна быть фотография. Крайне желательно, чтобы это была фотография человека, а не обычная аватарка. Если вместо реальной фотографии автора будет отображаться какое-то животное или какой-то предмет, то расширенный сниппет сформирован не будет!
Теперь нужно связать веб-сайт с профилем автора в «Гугл+».
Проще всего это сделать, сославшись со страниц сайта на профиль автора в «Гугл плюс». Для этого нужно использовать следующую конструкцию:
Google
Здесь необходимо вставить вместо адрес страницы автора в «Google+», который выглядит примерно так – https://plus.google.com/113664007696364348636.
После этого вам нужно будет добавить в профиле «Google+» ссылку на сайт, это можно сделать .
Связать веб-сайт с профилем автора в этой соц. сети можно и другим способом – завести электронную почту, содержащую домен сайта (например, example@сайт) и указать ее на этой странице .
В заключении…
Расширенный сниппет в гугле дает ряд преимуществ вебмастеру, в частности – это положительно сказывается на посещаемости раскручиваемого ресурса. Используйте все возможности для продвижения своего сайта – способствуйте формированию расширенных сниппетов в Гугле.
Для того, чтобы дать пользователю дополнительную информацию, ещё до посещения сайта в поисковой выдаче, такие системы, как Google и Яндекс, создали расширенные сниппеты. Они же помогают выделить более качественные сайты, которые готовы внедрять новшества и развиваться.
Сами по себе они представляют собой результат поисковой выдачи, который был расширен благодаря одному из дополнений. У каждого поисковика существует собственные системы, а также свои правила для их подключения.
Не иже будет представлена информация о всех возможных вариациях этих дополнений, а также способах их получения.
В Яндексе на сегодняшний день существует огромное количество различных расширений для поисковой выдачи, чтобы пользователи могли получить максимум информации о сайте и выбрать из представленных вариантов максимально подходящий.
Значок Турбо можно получить только после подключения специального YML файла в вебмастере в разделе «Турбо-страницы»-«Источники». Подробнее о технической составляющей данного файла https://yandex.ru/support/webmaster/turbo
/ .
Расширенные спиппеты в Google
В Google также для получения подробной информации о сайте или странице также имеются расширенные описания.
Наиболее часто встречающиеся это быстрые ссылки. Они позволяют минуя основную страницу ознакомится с дополнительными материалами или информацией. Сильно расширяют ответ в выдаче и помогают выделиться.
Недавно появившийся список ответов, показывающий прямо в выдаче последние комментарии. Полезен для форумов, отзовиков и сервисов вида вопрос/ответ. Показывается только в мобильной выдаче.
Эмблема AMP выдаётся сайтам, контент которых будет загружен моментально. Появляется только в мобильной выдаче.
Цены, сроки доставки и другие атрибуты для продажи товаров. Предоставляют возможность прямо из списка ответов выбрать подходящий сайт для покупки выбранного товара.
Библиотека представлений, когда можно оформить в поисковой выдаче страницу для каждого типа материалов, среди которых:
- Рецепты;
- Фильмы;
- Вакансии;
- Набор данных;
- Продукты;
- Телесериалы;
- Мероприятия;
Здесь мы видим, что в России можно проследить динамику роста, начиная с 2010 года и по сей день. Следующий шаг - попробуем приблизительно «прикинуть», насколько это будет актуально в рамках поискового продвижения и раскрутки сайта. Для этого давайте обратим свое внимание на график динамики популярности запроса: “продвижение сайта”. Сравнение популярности данных запросов поможет нам проследить за процессом роста востребованности в расширенном управлении формированием сниппетов:
Здесь можно видеть, что при определённом росте популярности темы сниппетов, они никогда не были одним из первостепенных трендов в вопросе продвижения сайта в поисковом ранжировании. Можно «поиграться» с запросами «трафик», «объем внешних ссылок», «позиции», чтобы увидеть, что основное внимание, конечно, концентрировалось на них.
Даже с учетом того, что присутствуют большие колебания в популярности запроса “продвижение сайта” и в формирование данного графика явно не заложены колебания популярности самой поисковой системы одно можно сказать точно - Начиная с 2010 г. и по настоящий момент правильное формирование сниппета является неотъемлемой частью продвижения сайта!
Что это даёт нам прямо сейчас?
Сделав свой сниппет максимально удобным для пользователей, мы можем привести его на свой сайт, даже если не находимся на первом месте в ТОПе, пока у других специалистов по продвижению ещё не «дошли руки» до сниппетов.
КАК СКОМПОНОВАТЬ ИСЧЕРПЫВАЮЩИЙ СНИППЕТ?
Способ 1: Влиять на заголовок сниппета
Для заголовка
результата поиска ПМ чаще всего использует заголовок самого документа
(Title). Если он слишком длинный, ПМ выбирает фрагмент, который больше всего подходит по смыслу к заданному запросу.
Важно:
Пропишите Title, используя ключевое слово, грамотное с точки зрения русского языка его вхождение. Сделайте заголовок читаемым и добавьте в него побуждение к действию. Пользователю должно быть понятно из заголовка, что его ждёт на сайте.
Способ 2: Влиять на текст сниппета
Текст сниппета в Яндекс
Для формирования описания страницы
, Яндекс выбирает все фрагменты текста документа со словами из запроса. Каждый из таких фрагментов разбивается ещё на несколько частей — например, со словами из запроса в начале, в конце и в середине. Затем программа сравнивает их все между собой и выбирает лучшие — они и попадают в сниппет.
Текст сниппета в Гугл
Google, в основном формирует сниппет из описания сайта (мета-тега Description). Если description для страницы не прописан, либо в нем содержится нерелевантный текст, то в качестве сниппета автоматически выводится наиболее соответствующий фрагмент текста страницы.
Важно:
description страницы для Гугл должен быть релевантным. Хотя и в этом случае ПС может заменить desc на то, что сочтёт нужным и покажет именно эту информацию в сниппете по конкретному запросу.
Способ 3: Используйте специальные символы
Если вдуматься, не так уж много вариантов у нас для того, чтобы выделиться сниппетом, поэтому в качестве одной из крайностей сразу рассмотрим этот способ и укажем на его возможный «побочный эффект». легко добавить через уникальный код закодированного текстового символа.
Полная таблица символов Юникода: http://unicode-table.com/ru/sets/special-symbols/
Спецсимволы возможно размещать description и в title и страницы, однако делать это следует крайне осторожно, соблюдая умеренность, иначе легко сделать такой сниппет, по которому кликать может быть откровенно страшновато:
Способ 4: Используйте хлебные крошки
Для Google самым актуальным способом формирования хлебных крошек является использование микроразметки (семантическая микроразметка)
, Яндекс же автоматически создает хлебные крошки, в основном опираясь на используемую сайтом иерархию. Пример использования микроразметки для формирования нужных хлебных крошек в сниппете:
Важно:
После создания хлебных крошек или другой микроразметки не забываем проверить валидатором:
Google: http://www.google.com/webmasters/tools/richsnippets
Яндекс: http://webmaster.yandex.ru/microtest.xml
Способ 5: Отрисуйте хороший фавикон
— небольшая иконка, которая размещается рядом с результатами поиска, она же размещается во вкладке сайта. Поднимите глаза наверх в браузере и посмотрите на вкладку Хабра: вы видите фавикон H? (ваши ответы в комментариях). Этот же фавикон вы видите в поисковой выдаче с результатами поиска, ведущими на Хабр.
Фавикон является основным видимым элементом, неизменно отражаемым на всех сниппетах и по всем ранжируемым запросам. Если фавикон сделать ярким и привлекательным, то велика вероятность того, что при постоянном фигурировании вашей иконки перед глазами в следующий раз пользователь среди остальных сайтов выберет именно ваш.
Важно:
favicon.ico обязательно должен быть на сайте всегда!
Способ 6: Укажите дату публикации
Дата публикации показывается в тех случаях, когда она имеет значение для пользователя. Например если речь идет о сниппете блога.
Важно:
Если на сайте имеется новостная лента или лента сообщений, то необходимо настроить формирование URL так, чтобы в нем явным образом присутствовала дата (/yyyy/mm/dd/
или /yyyy-mm-dd/
)
Способ 7: Редактируйте быстрые ссылки
Редактирование быстрых ссылок в сниппете Яндекса возможно из кабинета управления сайтом в Яндекс.Вебмастере.
Google в свою очередь имеет схожий с Яндексом процесс автоматизированного добавления ссылок, но в отличии от Яндекса не даёт прямого доступа к редактированию быстрых ссылок, а также может понизить рейтинг URL неподходящей ссылки.
Если ПС достаточного лояльно относится к сайту, у сайта хорошие поведенческие и уровень цитируемости, тогда можно наблюдать картину, когда к основным быстрым ссылкам Google добавляет собственные уникальные описания:
В этом случае, высота такого сниппета в три раза больше стандартного сниппета, что делает его гораздо более заметным и кликабельным.
Способ 8 (более неактуальный): Добавлять иконки социальных сетей
Хотя на данный момент интеграция сниппета с соц.сетями не актуальна, мы приводим детали этого «древнего» метода на случай, если эту возможность поисковые системы всё-таки вернут.
Улучшенное отображение сниппета за счет присутствия иконок социальных сетей компании было доступно некоторое время назад. Добавление иконок редактировалось в карточке Я.Организации
сайта, во вкладке “Ссылки на соцсети”. На данный момент точной информации о жизни функционала вывода соцсетей в сниппет Яндекса не имеется. Факт лишь в том, что он был и велика вероятность его возвращения, так как вкладка “Ссылки на страницы в соцсетях” до сих пор существует и анонса закрытия подобной возможности информирования аудитории - не было.
После запуска социальной сети Google+, в сниппетах какое-то время была иконка +1 для рекомендации страницы своим друзьям и отображались рекомендации друзей по Google+. Сейчас наличие этой кнопки на сайте имеет отношение скорее к поведенческим, нежели чем к сниппету. Однако кнопку в любом случае рекомендуем вам добавить. Сделать это нетрудно:/p>
Источник: https://developers.google.com (здесь и полное описание данного процесса)
Способ 9: Задействуйте Твиттер и хэштеги
Актуальной информация из Твиттера обновляется почти что в режиме реального времени. Этот факт позволяет выделить данную соц.сеть в отдельную “постоянно реиндексируемую” группу сайтов, в которой в основном находятся новостные издания.
Важно:
мы получаем возможность быстрой индексации, путем опубликования ссылки на интересующую нас страницу в паблике Twitter.com.
Если мы хотим максимально быстро изменить Заголовок или Описание сниппета, после осуществления исправления данных параметров на сайте, лучше всего проинформировать аудиторию своего аккаунта в Twitter о проведении данного мероприятия с внесением ссылки на ранжируемую страницу между двумя популярными тегами типа: #megaindex или #стоматология
Способ 10: Добавьтесь в Яндекс.Справочник
Яндекс.Справочник позволяет добавить адрес и данные об организации, которые также могут быть в конечном итоге отражены в сниппете. В настоящий момент это возможно для следующих организаций:
Для каждого типа организации выбраны свои параметры, наиболее интересные пользователям. Например, сниппет официального сайта компании может выглядеть так:
Все данные об организациях собираются и редактируются в сервисе Яндекса.Организации и отображаются не только в сниппетах, но и в других сервисах Яндекса. Записаться Для некоторых отдельных тематик существует возможность вывода кнопки Записаться прямо в сниппет.
Также, данная кнопка доступна и на Яндекс.Карте, но лишь для некоторых клиник или салонов красоты.
Запись доступна для организаций, заключивших соглашение о сотрудничестве с партнерами Яндекса:
Для ресторанов, кафе и прочих заведений
ZON , GetTable , LeClick , Резерв Онлайн , Гурманизация , Restoran.ru , Tomesto , Menu.ru , Ресторанный Рейтинг
Для клиник
ИнфоДоктор , DocDoc.Ru , Timetovisit , Клиники Онлайн , YClients , GBooking , Таймлайнер , LookMedBook , Doctu.ru , GidPoZubam , Medihost
Для бронирования непосредственно на сайте гостиницы
wubook , travelline
Способ 11: Добавьтесь в Яндекс.Маркет
Как магазину улучшить свои сниппеты и привлечь на свой сайт заинтересованных в покупке посетителей? Первый — просто загрузить свои товары в Яндекс.Маркет , и тогда информация о товарах будет автоматически «транслироваться» и в поиск. Второй (если участие в Маркете для магазина по каким-то причинам не интересно) — загрузить информацию о товарах через Яндекс.Вебмастер — это совершенно бесплатно.
Вы можете участвовать в программе улучшения сниппетов, если:
- Ваш сайт является интернет-магазином, представительством офлайн-магазина, компанией, оказывающей услуги, или сайтом, агрегирующим предложения других компаний.
- Ваш сайт размещается на англоязычном домене.
- На сайте представлен каталог товаров/услуг и для каждого товара/услуги существует отдельная страница на вашем сайте.
- На сайте доступна контактная и юридическая информация о вашей компании.
- Товар в вашем магазине может быть приобретен физическим лицом в розницу.
- Вы ознакомились и согласны с требованиями и условиями, приведенными в разделе Условия сотрудничества .
Способ 12: Используйте Яндекс.Услуги
Для участия в партнерской программе Яндекс.Услуги необходимо предоставить сведения о том, например, какие вклады и кредиты банк считает необходимым разместить на сервисе. Передать Яндексу данные о вкладах и кредитах создав XML-фид в специальном формате и разместить его на вашем сайте, указав путь к файлу в предназначенной для этого форме сервиса Яндекс.Вебмастер.
Со всеми партнерами заключается Соглашение об информационном сотрудничестве .
Способ 13: Делитесь рецептами правильно
Для страниц сайта с кулинарными рецептами может быть сформирован сниппет, содержащий структурированную информацию, помогающую пользователю быстрее понять особенности вашего рецепта и выбрать нужную ссылку среди множества одинаковых заголовков.
Для формирования подобного сниппета вам потребуется организовать передачу данных о ваших рецептах Яндексу путем создания XML-фид в специальном формате , разместить его на сайте и указать путь к файлу в предназначенной для этого форме сервиса Яндекс.Вебмастер.
Для формирования сниппета с фоторецептами необходимо разместить минимум три иллюстрации + желательно добавить в HTML-код страниц, содержащих рецепты, семантическую микроразметку в формате hRecipe или Schema.org .
Способ 14: Вступите в партнёрскую программу Яндекс.Словари
Для того, что бы полноценно восользоваться возможностями сервиса Яндекс.Словари в первую очередь необходимо изучить требования, предъявляемые к партнерским сайтам Яндексом.
В партнерскую программу приглашаются сайты, содержащие значительное количество материалов словарного и справочного содержания (далее: «статьи», совокупность статей далее называется «словарь»). Сайт в целом, словари, отдельные статьи из них и страницы сайта, на которых статьи размещены, должны соответствовать описанным ниже требованиям:
В результатах поиска для страниц со словарными статьями будет формироваться специальный сниппет, который также можно усилить семантической микроразметкой.
Способ 15: Воспользуйтесь специальной разметкой для реферата
Для страниц с описанием вашего реферата может отображаться специальный сниппет. В данный сниппет включаются те атрибуты реферата, которые важны для пользователя при принятии решения о закачке: рубрика, тип работы (реферат, курсовая, диплом, доклад), дата добавления, количество скачиваний, аннотация или оглавление.
Для каких сайтов и страниц возможно формирование специального сниппета?
Способ 16: Правильно размещайте вакансии
Участие в партнерской программе Яндекс.Работа позволяет значимо увеличить посещаемость рекрутинговых сайтов и частично расширить целевую аудиторию.
Если вы являетесь хозяином или администратором подобного сайта, в первую очередь необходимо изучить требования предъявляемые потенциальному участнику программы Яндексом.
Способ 17: Сниппет и отзывы
На данный момент для Яндексспециальные сниппеты формируются только для отзывов об автомобилях.
Существует несколько способов включения оценок в отзывов для Гугл. Зачастую, стоит лишь указать рядом с отзывами /*Оценка: 4.5*/ и этого будет достаточно для размещения оценки в отзывах.
Так же Google убедительно советует не добавлять указания оценки отдельным скрытом блоком, т.к. скрытое содержание не будет показано.
Способ 18: Яндекс.Недвижимость для сниппета
Каждое объявление участника программы Яндекс.Недвижимость отображается в виде сниппета с основной информацией о предложении, правд в основном данный сниппет можно увидеть на страницах поиска в Яндекс.Недвижимости и лишь в редких случаях в основной выдаче в случае высокого уровня релевантности запроса.
Кристина Загорулько
Окт 02, 2014
|
Время чтения: 5 мин
В предыдущей статье мы рассмотрели общую информацию о . В данной статье мы решили углубиться в тему создания расширенных сниппетов. Мы постараемся ответить на все вопросы, касаемые Google, а далее перейдем к Яндексу.
Как вы уже знаете, сниппет – это текст, кратко описывающий содержание сайта на основании пользовательского запроса, который поисковик выводит в своей выдаче. Благодаря корректно созданному сниппету пользователь может быстро получить нужную ему информацию. Существует два вида сниппетов: обычные и расширенные. Сегодня речь пойдет о расширенных.
Почему приоритет отдается расширенным сниппетам и зачем они нужны?
- В первую очередь потому, что они предоставляют дополнительную информацию о сайте или о конкретной его странице. По статистике, грамотно настроенный сниппет увеличивает доступность информации для пользователя на 25 %. А видя частичный ответ на свой запрос уже на странице результатов поиска, велика вероятность, что пользователь перейдет по ссылке для получения подробностей.
- Второй фактор – это уменьшение времени на поиск той или иной информации. Предположим, пользователю срочно нужен адрес или телефон службы ремонта. Расширенный сниппет способен полностью удовлетворить его запрос. Конечно, владелец сайта не получит еще один переход, но зато он получит реального клиента.
- И, конечно же, третий фактор – это увеличение внимания к вашему ресурсу, ведь красочные иконки социальных сетей, наличие дополнительных ссылок и т. п. выделит сайт в выдаче, что положительно скажется на кликабельности.
Когда могут быть созданы rich snippets?
Мы ввели этот подзаголовок, чтобы читатели поняли, что расширенные сниппеты необходимы далеко не всем ресурсам. Чтобы рассчитывать на формирование расширенного сниппета на вашем сайте должна быть хотя бы одна из следующих страниц:
- страница отзывов;
- список товаров (т.е. сайт является интернет-магазином);
- медиафайлы: видео, музыка и др.;
- контактная информация (физический адрес и телефон);
- комментарии, отзывы, живое общение на сайте;
- постоянные мероприятия, презентации, обсуждение событий и т. д.;
- рецепты;
- уникальный авторский контент;
- мобильные приложения.
Наличие отзывов и звезд
Приведем небольшой пример: сайт, продающий бытовую технику и имеющий в своем арсенале широкий выбор товаров. Конечно же, большинство из них имеет отзывы, а пользователи оценивают тот или иной товар по 5-ти бальной шкале. Google поддерживает вывод звезд в поисковой выдаче и это помогает пользователю принять решение – этот товар качественный и можно перейти по ссылке, чтобы подробнее изучить характеристики:
Более того, если раньше поисковые системы не проверяли наличие реальных отзывов, и владельцы ресурсов могли накручивать данные показатели, то на сегодняшний момент поисковики настолько усовершенствовали свой алгоритм, что могут отличить настоящие отзывы от «накрученных». Более точно о настройке данной функции вы сможете прочитать в руководстве от компании Google .
Более точное описание товаров
Поисковая система Google предоставляет возможность более обширно подавать информацию о товарах. Пример вы можете увидеть на скриншоте ниже.
Как видите, благодаря специальным настройкам вы сможете выводить дополнительную информацию прямо в результатах поиска. Плюсы данной функции очевидны, ведь наличие дополнительных строк не только привлекает внимание потенциальных клиентов, но и сделает сайт в выдаче более заметным. Для того, чтобы настроить данную функцию ознакомьтесь с соответствующим руководством на сайте Google .
Наличие информации о мероприятиях и презентациях
Предположим, что ваш сайт распространяет информацию о различных мероприятиях (концертах, курсах, презентациях, живых дискуссиях и обсуждениях), тогда прямо в поисковой выдаче вы сможете выводить информацию про запланированные мероприятия.
Обратите внимание на пример. Перед нами – сайт, который продает билеты на различные концерты. Помимо контактных данных, потенциальный клиент получает дополнительную информацию без перехода на сам ресурс. Какое-то из событий может его заинтересовать или же он захочет узнать афишу на другой день. Все это ведет к клику по ссылке и посещению вашего сайта. Для того, чтобы корректно настроить подобный сниппет, рекомендуем ознакомиться со следующим мануалом .
Наличие дополнительных ссылок
Также есть возможность добавить дополнительные ссылки в строку в поисковой выдаче, как это показано на следующем примере:
Хлебные крошки в выдаче
Помимо дополнительных ссылок, вы также можете внедрить так называемые хлебные крошки, т.е. цепочку ссылок прямо в поисковой выдаче. Ознакомьтесь с рисунком ниже, на котором мы сравнили отсутствие цепочки и её наличие.
Как видите, плюсом второй позиции является не просто наличие полного URL той или иной страницы, но и категории и подкатегории. Чтобы правильно настроить хлебные крошки вы должны быть знакомы со специальной разметкой Google, поэтому почитайте конкретнее о микроданных .
Как сделать сниппет для Google?
Специально для вас мы создали алгоритм действий для быстрого создания разметки, которую будет понимать не только компания Google, но и Yahoo и Bing.
Существует три вида разметки: микроданные, микроформаты и PDF. Мы рекомендуем использовать микроданные.
Что нужно сделать, чтобы создать корректную разметку?
- Указать конкретные данные, которые вы хотите вывести в разметку и предоставить эти данные Мастеру разметки.
- Использовать сервис Мастера разметки – schema.org
- Получить результаты от выше указанного сервиса и разместить их на страницах вашего сайта.
- Дождаться индексации вашего сайта и радоваться сделанным сниппетам для Гугла.
Создать разметку можно также с помощью специальных плагинов, если вы используете уже готовую CMS. На сегодняшний момент таких плагинов достаточное количество, и они смогут упростить этот процесс. Обратите внимание, что для каждого варианта сниппета мы прилагаем ссылку на специальное руководство пользователя от компании Google, которое также поможет корректно настроить сниппет.
Безусловно, если ваш сайт находится по какому-то запросу на первой странице выдачи поисковой системы – это хорошо. К этому нужно стремиться, это будет решающим фактором в популярности вашего проекта, и от этого будет зависеть ваша прибыль (если проект коммерческий). Но, следует заметить, что трафик на первую позицию в поиске и на 10-ю это разные вещи. Существует много статистических исследований, которые дают примерные проценты распределения трафика по позициям. Точные данные вы сможете найди где-то в другом месте. Ясно одно: чем дальше от первой позиции – тем меньше трафик. Десятая позиция в Google потенциально может дать примерно 10% от всех посетителей набравших этот запрос. И это при том, что она более кликабельная, чем 9-я (потому, что крайняя снизу).
Немного теории
Логическим завершением любого поискового запроса, сделанного человеком, должен быть переход на сайт, где есть именно то, что человек искал. После нахождения такого сайта, человек испытывает моральное удовлетворение и прекращает поиск. По-этому, если на первой странице выдачи выше вашего сайта есть много качественных и профессионально сделанных проектов – то вам стоит надеяться только на чудо. Выход один – делать качественный сайт. Но, есть все-таки один момент, который может дать немного преимущества – нужно заставить человеческий глаз сфокусироваться именно на описании вашего сайта в результатах выдачи. Я не буду затрагивать тему о том, что нужно создавать информативные сниппеты, чтобы в них был намек на то, что сайт содержит именно то, что нужно. Это все понятно. Давайте представим, что все 10 сайтов из выдачи имеют качественные информативные сниппеты. Что в этом случае можно сделать, чтобы привлечь больше внимания?
Как повысить CTR сайта в поисковой выдаче Google?
Выход есть. Чтобы увеличить кликабельность сниппета (CTR – clickthrough rate), нужно как-то визуально выделить ваш сайт в результатах поиска Google от остальных. Человек всегда будет обращать внимание на отличия в общей однородной массе. Текст описаний сайтов (сниппет) – это и есть масса, масса текста. Если не фокусироваться на каких-то отдельных словах, а смотреть как-бы сквозь текст, за него, то ничего особенного в глаза не бросается. Чтобы текст сниппета бросался в глаза нужно делать либо сгустки пикселей в какой-то части, либо делать пустое пространство, либо делать вертикальные расчески (несколько одинаковых строк текста одна под другой).
Почему сниппеты для Google, спросите вы?
Он самый предсказуемый в плане отображение сниппетов. Только Google будет отображать то, что я ему укажу. На самом деле, любой владелец сайта должен иметь возможность сам выбирать, как будет выглядеть его описание в выдаче, а не так, как захочет Yandex .
Как же Google формирует сниппет сайта?
В формировании описания сайта в результатах выдачи принимают участие: тэг
, <meta name=”description”>, содержимое параметра alt=”” первой картинки в html коде, текст внутренних и внешних ссылок, описание сайта в каталоге Dmoz, или просто текст со страницы сайта. Также, в последнее время появилось много возможностей выделить свой сайт с помощью микроформатов для расширенных сниппетов Google. Но, это уже тема для другой статьи. Возможно, я все-таки найду в себе силы и реализую давно задуманный проект по созданию сниппетов для Google, и всему, что с этим связано.</p>
<p>Если не пустой <b><title>
</b> – первая строка сниппета формируется из него. Если <b><title>
</b> пустой – то Google может выбрать текст первой ссылки, которая содержит набранное ключевое слово, если таких нет, то текст самой первой ссылки в html-коде или часть основного текста.</p>
<p>Две другие строки сниппета (иногда три) формируются так, чтобы содержать текст, релевантный поисковому запросу. Если <b><meta name=”description”>
</b> не пустой и релевантен запросу, то описание сайта берется из него. Есть определенный максимальный размер <b>description
</b>, если текста в нем мало, то Google заполняет свободное место релевантными кусками из текста. Если <b><meta name=”description”>
</b> пустой, но параметр <b>alt=””
</b> первой картинки <b><img>
</b> не пустой, то берется этот текст. Если <b>description
</b> нерелевантен запросу, то описание сайта фомируется из кусков релевантного текста (на усмотрение Google).<br>
Если сайт присутствует в <b>Dmoz
</b>, то Google может брать данные для сниппета оттуда. Чтобы отключить показ описания сайта из Dmoz, нужно вставить на сайт этот html-код: <b><meta name=”robots” content=”noodp”>
</b>.</p>
<p>Для того, чтобы влиять на создание сниппета, нужно из всего выше перечисленного выделить самый подходящий вариант: <b><title> должен быть не пустой
</b>; <b><meta name=”description”> не пустой, релевантный запросу, не короткий
</b>. Дальше, дело техники.</p>
<h2>Оптимизация сниппетов Google. Перейдем к практике </h2>
<p>Задача: сфокусировать глаза пользователя на описании вашего сайта. Я предлагаю делать сгустки в тексте. Для этого очень хорошо подходит любое повторение одного и того же символа много раз: AAAAAAAAA, WWWWWWWWW, iiiiiii, 88888, @@@@@@@@, ##########, [[[[[[[[, < <<<< >>>>>>, и так далее. Любые графические спецсимволы тоже подойдут: ❄ ❆ ☀ ☁ ☂ ☔ ☽ ★ ☎ ☘ ☙ ☢ ☑ ☒ ☯ ☗ ☰ ☱ ☲ ☲ ☴ ☵ ☶ ☷ ☻ ♠ ❤ ♦ ◆ ♨ ♬ ♻ ♼ ⚀ ⚅ ⚈ ⚉ ⚑ ⚫ ▂ ▃ ▅ ▆ ██ ▒▓ ▀▄▀▄ ═ ╬ ╦ ╩ ╦ ❥ ✿ ❋ ✩ ✮ ✯ ✰ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ .</p>
<p>Вся сложность заключается в том, чтобы забить текстом <b>description
</b> под завязку, и заставить Google перенести текст на вторую строку так, как нам нужно. Это не так сложно, нужно знать всего пару нюансов. На самом деле этот перенос делается браузером, когда превышается ширина поля, содержащее текст (за это отвечает гугловский css-класс). Ну, и максимальный размер description у меня получился 155 символов. Тоесть, нужно сделать такой блок текста, чтобы он был по максиму близок к 155 символам и произошел принудительный перенос в нужном нам месте на вторую строчку. Управлять переносом можно, зная, что браузер не разрывает слова. Единственное замечание, нельзя просто взять и сделать всю вторую строчку из одного неразрывного слова – google ее не примет и поставит троеточие (…). нужно внутри вставить слова и символы, которые гугл понимает как пробел: дефис, подчеркивание (я еще не протестил все возможные варианты, иногда хвост такого описания после слова обрубает до самого конца). Старайтесь пока во второй строчке привязывать подобный “хвост” после текста не пробелом.</p>
<h2>Закрепим полученную информацию на реальном примере</h2>
<p>Так как я уже начал замечать в выдаче Google сайты, которые используют мои методы создания сниппетов, то считаю, что пришло время расскрыть немного свои карты .</p>
<p><img src='https://i0.wp.com/saney.ru/wp-content/uploads/2011/10/snippets1.gif' width="100%" loading=lazy></p>
<p>В этом сниппете используется “#” в title и description. Несколько таких символов подряд отлично концентрируют на себе внимание.<br>
Звездочки ★ тоже очень сильно заметны. Здесь я использовал их, чтобы изобразить рейтинг отзывов. Получилось неплохо. Я думаю, что слово “««- recommended” тоже не останется без внимания, ведь возле остальных сайтов такой надписи нет. Также, в сниппете присутствует email компании. Но, больше всего привлекает внимание конечно же эта конструкция с ❺. На другом сайте, где ипользуется подобный шаблон сниппета, средний CTR 9-й позиции на 1-й странице результатов Google равен примерно 12%. Это данные Google Webmasters Tools за последние 3 месяца.</p>
<p><b>Как это можно сделать?
</b></p>
<p>Эту красоту можно сделать с помощью специальных микроформатов данных, которые Google уже давно использует при отображении сайтов. Я не буду в этой статье расписывать подробно, что это, а остановлюсь на нашем примере.</p>
<p>Чтобы сделать такой сниппет с ❺, нужно вставить в html-код вашего сайта такой текст:</p>
<p><div xmlns:v=”http://rdf.data-vocabulary.org/#”><br>
<span typeof=”v:Breadcrumb”><a href=”http://вашсайт.com/” rel=”v:url” property=”v:title”>Ваш текст</a> › </span><br>
<span typeof=”v:Breadcrumb”><a href=”http://вашсайт.com/раздел-сайта.php#content” rel=”v:url” property=”v:title”>❺❺❺❺❺</a> › </span><br>
<span typeof=”v:Breadcrumb”>Ваш текст</span><br>
</div></p>
<p>В результате моих экспериментов был найден способ, как заставить Google показывать один и тот же текст возле URL сайта. А также была решена проблема с показом такого сниппета для главной страницы сайта. Для этого нужно в структуре Breadcrumb в том месте, где прописывается внутренний раздел сайта, просто дописать так называемую “хеш-ссылку” к главной странице /#hash. Где hash – это id какого-нибудь элемента на вашей странице.</p>
<p>Также, стоит заметить, что Google уже обратил внимание на такие сниппеты. Если раньше можно было использовать такие приколы как ▀▄▀▄▀ или ████ ☑, то сейчас многие из таких символов уже запрещены к показу возле URL. Или же они показываются только в региональных выдачах, а в google.com не работают (или работают, но хлебные крошки должны быть короткими и начинаться с буквы).</p>
<p><img src='https://i0.wp.com/saney.ru/images/snippets.gif' height="73" width="350" loading=lazy></p>
<p>Еще одна фича, которая все-еще работает – это возможность прописать в Breadcrumb URL другого сайта (вместо ссылки на раздел сайта, не home page) . Тогда со сниппета Google можно будет переходить на другой сайт, если пользователь кликнет по такой ссылке, как ❺❺❺❺❺ в нашем примере. Это может быть использовано “черными оптимизаторами”, чтобы без ипользование редиректов направлять трафик из профилей форумов на свои сайты. Или же можно использовать в качестве другого url сервис bit.ly, чтобы узнать как пользователи кликают на сниппет.</p>
<h2>Генератор сниппетов для Google</h2>
<p><i>Данная статья была написана в 2008 году, после нескольких лет успешного применения описанных техник на практике. С тех пор многое изменилось, но основная идея осталась прежней.
</i></p>
<p>Не забудьте понажимать на социальные кнопки, если вам понравилась статья
</p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div>
<footer>
<div class="td-post-source-tags">
</div>
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://rokwell.ru/kak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet-rasshirennye-snippety/" content="https://rokwell.ru/kak-rabotaet-vydacha-google-sozdaem-effektivnyi-snippet-rasshirennye-snippety/" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span>
<meta itemprop="name" content="Как работает выдача Google: создаем эффективный сниппет. Расширенные сниппеты — Яндекс и Google, как сделать">
</span>
<meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i2.wp.com/blog-craft.ru/wp-content/uploads/2013/09/2.-%D0%A1%D1%82%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%D1%82%D0%BD%D1%8B%D0%B9-%D1%81%D0%BD%D0%B8%D0%BF%D0%BF%D0%B5%D1%82-%D0%B2-%D0%93%D1%83%D0%B3%D0%BB%D0%B5.jpg">
<meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer>
</article>
<style>
.ads-border {
overflow: hidden;
}
.ads-content {
width: 930px;
display: block;
}
@media(max-width: 1140px) {
.ads-content {
width: 910px;
}
}
@media(max-width: 1018px) {
.ads-content {
width: 970px;
}
}
@media (max-width: 767px) {
.ads-content {
width: 134%;
}
}
@media (max-width: 479px) {
.ads-content {
width: 100%;
height: 490px;
}
}
</style>
<div class="ads-block">
<h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">СХОЖИЕ СТАТЬИ</span></h4>
<div class="ads-border">
<div class="ads-content">
<div id="fofuny1" style="height:90px;width:690px;" align="center"></div>
</div>
</div>
</div>
<style>
#mc-container {
padding: 10px;
}
</style>
<dblock></dblock>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar" role="complementary">
<div class="td-ss-main-sidebar">
<aside class="widget widget_text" id="text-23">
<div class="block-title"><span>Полезное</span></div>
<div class="textwidget" align="center"><div id="fofuny2" style="height:200px;width:300px;" align="center"></div></div>
</aside>
<aside class="widget widget_text" id="text-24">
<div class="block-title"><span>Реклама</span></div>
<div class="textwidget" align="center"><div id="fofuny3" style="height:200px;width:300px;" align="center"></div></div>
</aside>
<aside class="widget widget_text" id="text-25">
<div class="textwidget">
<p style="text-align: center;">
</p>
</div>
</aside>
<aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4">
<div class="block-title"><span>Новое</span></div>
<dblock></dblock>
<div class="rpwe-block ">
<ul class="rpwe-ul">
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/poslednii-virus-kompyuternyi-samye-opasnye-i-izvestnye-kompyuternye-virusy-pri-atake-ispolzovalos/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="/public/malware_top2.png" alt="Самые опасные и известные компьютерные вирусы" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/poslednii-virus-kompyuternyi-samye-opasnye-i-izvestnye-kompyuternye-virusy-pri-atake-ispolzovalos/" title="Самые опасные и известные компьютерные вирусы" rel="bookmark">Самые опасные и известные компьютерные вирусы</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/sozdanie-pdf-dokumentov-zpolnyaemyh-pdf-form-s-pdf-maker-pilot-sozdanie-i/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/file-maker.ru/wp-content/uploads/2014/09/uvelichenie-2-1024x747.jpg" alt="Создание и изменение полей формы Как сделать в пдф редактируемые поля" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/sozdanie-pdf-dokumentov-zpolnyaemyh-pdf-form-s-pdf-maker-pilot-sozdanie-i/" title="Создание и изменение полей формы Как сделать в пдф редактируемые поля" rel="bookmark">Создание и изменение полей формы Как сделать в пдф редактируемые поля</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/funkcionalnye-zip--i-rar-arhivatory-dlya-android-vybiraem-horoshii/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/grand-screen.com/blog/wp-content/uploads/2015/08/112.jpg" alt="Выбираем хороший распаковщик файлов" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/funkcionalnye-zip--i-rar-arhivatory-dlya-android-vybiraem-horoshii/" title="Выбираем хороший распаковщик файлов" rel="bookmark">Выбираем хороший распаковщик файлов</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/tatenergosbyt-lichnyi-kabinet-fizicheskogo-lica-lichnyi-kabinet-tatenergosbyt/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/energozhkhsbyt.ru/wp-content/uploads/2018/07/tatenergosbyt-peredat-pokazaniaya.png" alt="Личный кабинет «Татэнергосбыт" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/tatenergosbyt-lichnyi-kabinet-fizicheskogo-lica-lichnyi-kabinet-tatenergosbyt/" title="Личный кабинет «Татэнергосбыт" rel="bookmark">Личный кабинет «Татэнергосбыт</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/referat-ponyatie-i-naznachenie-informacionnoi-sistemy-struktura-i/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/konspekta.net/lektsiiorgimg/baza17/2120344678018.files/image004.gif" alt="Структура и состав информационной системы Задачи и функции ИС" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/referat-ponyatie-i-naznachenie-informacionnoi-sistemy-struktura-i/" title="Структура и состав информационной системы Задачи и функции ИС" rel="bookmark">Структура и состав информационной системы Задачи и функции ИС</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/proverka-vhozhdeniya-podstroki-v-stroku-php-funkcii-raboty-so/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/fb.ru/misc/i/gallery/39768/2303817.jpg" alt="Функции работы со строками в PHP" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/proverka-vhozhdeniya-podstroki-v-stroku-php-funkcii-raboty-so/" title="Функции работы со строками в PHP" rel="bookmark">Функции работы со строками в PHP</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/gadzhet-muzykalnyi-pleer-na-samsung-s3-mp3-pleer-dlya-samsunga-musixmatch-pleer-na/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/sms-mms-free.ru/sites/default/files/images/listen_music_phone.jpg" alt="Гаджет музыкальный плеер на samsung s3" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/gadzhet-muzykalnyi-pleer-na-samsung-s3-mp3-pleer-dlya-samsunga-musixmatch-pleer-na/" title="Гаджет музыкальный плеер на samsung s3" rel="bookmark">Гаджет музыкальный плеер на samsung s3</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/rabota-pod-nagruzkoi-i-v-rezhime-prostoya/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/3dnews.ru/assets/external/illustrations/2018/04/15/968451/sm.amd_mobile_apus.750.jpg" alt="Работа под нагрузкой и в режиме простоя" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/rabota-pod-nagruzkoi-i-v-rezhime-prostoya/" title="Работа под нагрузкой и в режиме простоя" rel="bookmark">Работа под нагрузкой и в режиме простоя</a>
</li>
<li class="rpwe-li rpwe-clearfix">
<a class="rpwe-img" href="/pri-zvonke-ekran-gasnet-i-ne-vklyuchaetsya-chernyi-ekran-pri/" rel="bookmark">
<img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/iphones.ru/wp-content/uploads/2017/01/iphone_blackscreen_problam_4.jpg" alt="Черный экран при входящем звонке на iPhone — почему он не загорается?" loading=lazy></a>
<a style="color: #169c4c; font-size:14px; font-weight:600;" href="/pri-zvonke-ekran-gasnet-i-ne-vklyuchaetsya-chernyi-ekran-pri/" title="Черный экран при входящем звонке на iPhone — почему он не загорается?" rel="bookmark">Черный экран при входящем звонке на iPhone — почему он не загорается?</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
<div class="td-footer-wrapper td-footer-template-3">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
</div>
</div>
<div class="td-pb-row">
<div class="td-pb-span3 logo-footer">
<div class="td-footer-info">
<div class="footer-logo-wrap"><a href="/"><img class="td-retina-data" src="/logo/logo.png" data-retina="/logo/logo.png" alt="Сайт о компьютерной технике" title="Сайт о компьютерной технике" / loading=lazy></a></div>
<div class="footer-text-wrap"></div>
<div class="footer-social-wrap td-social-style-2"></div>
</div>
<aside class="widget widget_text" id="text-16">
<div class="textwidget">
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div>
</aside>
</div>
<div class="td-pb-span9 footer-discription">
<aside class="widget widget_text" id="text-5">
<div class="textwidget">
<p>
<font size="2" color="grey">
</font>
</p>
© Сайт о компьютерной технике, 2024</div>
</aside>
</div>
</div>
</div>
</div>
<div class="td-sub-footer-container">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12 td-sub-footer-menu">
<div class="td-sub-footer-main">
<div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="/feedback/">Обратная связь</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="/sitemap.xml">Карта сайта</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">О сайте</a></li>
</ul></div> </div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("span.ancored").replaceWith(function () {
$this = jQuery(this);
href = $this.attr("title");
text = $this.html();
return '<a href="' + href + '">' + text + '</a>';
} )
} )
</script>
<link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' />
<link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' />
<link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' />
<script type='text/javascript' src='/assets/jquery.form.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='/assets/scripts.js'></script>
<script type='text/javascript' src='/assets/front.min.js'></script>
<script type='text/javascript' src='/assets/imagesloaded.min.js'></script>
<script type='text/javascript' src='/assets/masonry.min.js'></script>
<script type='text/javascript' src='/assets/jquery.masonry.min.js'></script>
<script type='text/javascript' src='/assets/rsvp.js'></script>
<script type='text/javascript' src='/assets/tagdiv_theme.js'></script>
<script type='text/javascript' src='/assets/comment-reply.min.js'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ;
</script>
<script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script>
<script type='text/javascript' src='/assets/wp-embed.min.js'></script>
<style type='text/css'>
/*** Shortcodes Ultimate - box elements ***/
/* Common styles
---------------------------------------------------------------*/
.su-clearfix:before,
.su-clearfix:after {
display: table;
content: " ";
}
.su-clearfix:after { clear: both; }
/* Tabs + Tab
---------------------------------------------------------------*/
.su-tabs {
margin: 0 0 1.5em 0;
padding: 3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #eee;
}
.su-tabs-nav span {
display: inline-block;
margin-right: 3px;
padding: 10px 15px;
font-size: 13px;
min-height: 40px;
line-height: 20px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
color: #333;
cursor: pointer;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.su-tabs-nav span:hover { background: #f5f5f5; }
.su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; }
.su-tabs-nav span.su-tabs-disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default;
}
.su-tabs-pane {
padding: 15px;
font-size: 13px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
background: #fff;
color: #333;
}
.su-tabs-vertical:before,
.su-tabs-vertical:after {
content: " ";
display: table;
}
.su-tabs-vertical:after { clear: both; }
.su-tabs-vertical .su-tabs-nav {
float: left;
width: 30%;
}
.su-tabs-vertical .su-tabs-nav span {
display: block;
margin-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.su-tabs-vertical .su-tabs-panes {
float: left;
width: 70%;
}
.su-tabs-vertical .su-tabs-pane {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.su-tabs-nav,
.su-tabs-nav span,
.su-tabs-panes,
.su-tabs-pane {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-tabs-nav span { display: block; }
.su-tabs-vertical .su-tabs-nav {
float: none;
width: auto;
}
.su-tabs-vertical .su-tabs-panes {
float: none;
width: auto;
}
}
/* Spoiler + Accordion
---------------------------------------------------------------*/
.su-spoiler { margin-bottom: 1.5em; }
.su-spoiler .su-spoiler:last-child { margin-bottom: 0; }
.su-accordion { margin-bottom: 1.5em; }
.su-accordion .su-spoiler { margin-bottom: 0.5em; }
.su-spoiler-title {
position: relative;
cursor: pointer;
min-height: 20px;
line-height: 20px;
padding: 7px 7px 7px 34px;
font-weight: bold;
font-size: 13px;
}
.su-spoiler-icon {
position: absolute;
left: 7px;
top: 7px;
display: block;
width: 20px;
height: 20px;
line-height: 21px;
text-align: center;
font-size: 14px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
.su-spoiler-content {
padding: 14px;
-webkit-transition: padding-top .2s;
-moz-transition: padding-top .2s;
-o-transition: padding-top .2s;
transition: padding-top .2s;
-ie-transition: padding-top .2s;
}
.su-spoiler.su-spoiler-closed > .su-spoiler-content {
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
opacity: 0;
}
.su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; }
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; }
.su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; }
.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; }
.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; }
.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; }
.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; }
.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; }
.su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; }
.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; }
.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; }
.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; }
.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; }
.su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; }
.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; }
.su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; }
.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; }
.su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; }
.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; }
.su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; }
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; }
.su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; }
.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; }
.su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; }
.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; }
.su-spoiler-style-default { }
.su-spoiler-style-default > .su-spoiler-title {
padding-left: 27px;
padding-right: 0;
}
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; }
.su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; }
.su-spoiler-style-fancy {
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff;
color: #333;
}
.su-spoiler-style-fancy > .su-spoiler-title {
border-bottom: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0;
font-size: 0.9em;
}
.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; }
.su-spoiler-style-fancy > .su-spoiler-content {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.su-spoiler-style-simple {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.su-spoiler-style-simple > .su-spoiler-title {
padding: 5px 10px;
background: #f0f0f0;
color: #333;
font-size: 0.9em;
}
.su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; }
.su-spoiler-style-simple > .su-spoiler-content {
padding: 1em 10px;
background: #fff;
color: #333;
}
/* Quote
---------------------------------------------------------------*/
.su-quote-style-default {
position: relative;
margin-bottom: 1.5em;
padding: 0.5em 3em;
font-style: italic;
}
/*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */
.su-quote-style-default:before,
.su-quote-style-default:after {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url('../images/quote.png');
content: '';
}
.su-quote-style-default:before {
top: 0;
left: 0;
background-position: 0 0;
}
.su-quote-style-default:after {
right: 0;
bottom: 0;
background-position: -20px 0;
}
.su-quote-style-default .su-quote-cite {
display: block;
text-align: right;
font-style: normal;
}
.su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; }
.su-quote-style-default .su-quote-cite a { text-decoration: underline; }
/* Pullquote
---------------------------------------------------------------*/
.su-pullquote {
display: block;
width: 30%;
padding: 0.5em 1em;
}
.su-pullquote-align-left {
margin: 0.5em 1.5em 1em 0;
padding-left: 0;
float: left;
border-right: 5px solid #eee;
}
.su-pullquote-align-right {
margin: 0.5em 0 1em 1.5em;
padding-right: 0;
float: right;
border-left: 5px solid #eee;
}
/* Row + Column
---------------------------------------------------------------*/
.su-row {
clear: both;
zoom: 1;
margin-bottom: 1.5em;
}
.su-row:before,
.su-row:after {
display: table;
content: "";
}
.su-row:after { clear: both; }
.su-column {
display: block;
margin: 0 4% 0 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.su-column-last { margin-right: 0; }
.su-row .su-column { margin: 0 0 0 4%; }
.su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; }
.su-row .su-column:first-child { margin-left: 0; }
.su-column-centered {
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}
.su-column img,
.su-column iframe,
.su-column object,
.su-column embed { max-width: 100%; }
@media only screen {
[class*="su-column"] + [class*="su-column"]:last-child { float: right; }
}
.su-column-size-1-1 { width: 100%; }
.su-column-size-1-2 { width: 48%; }
.su-column-size-1-3 { width: 30.66%; }
.su-column-size-2-3 { width: 65.33%; }
.su-column-size-1-4 { width: 22%; }
.su-column-size-3-4 { width: 74%; }
.su-column-size-1-5 { width: 16.8%; }
.su-column-size-2-5 { width: 37.6%; }
.su-column-size-3-5 { width: 58.4%; }
.su-column-size-4-5 { width: 79.2%; }
.su-column-size-1-6 { width: 13.33%; }
.su-column-size-5-6 { width: 82.66%; }
/* Styles for screens that are less than 768px */
@media only screen and (max-width: 768px) {
.su-column {
width: 100% !important;
margin: 0 0 1.5em 0 !important;
float: none !important;
}
.su-row .su-column:last-child {
margin-bottom: 0 !important;
}
}
/* Service
---------------------------------------------------------------*/
.su-service {
position: relative;
margin: 0 0 1.5em 0;
}
.su-service-title {
display: block;
margin-bottom: 0.5em;
color: #333;
font-weight: bold;
font-size: 1.1em;
}
.su-service-title img {
position: absolute;
top: 0;
left: 0;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.su-service-title i {
position: absolute;
top: 0;
left: 0;
display: block !important;
width: 1em;
height: 1em;
text-align: center;
line-height: 1em;
}
.su-service-content { line-height: 1.4; }
/* Box
---------------------------------------------------------------*/
.su-box {
margin: 0 0 1.5em 0;
border-width: 2px;
border-style: solid;
}
.su-box-title {
display: block;
padding: 0.5em 1em;
font-weight: bold;
font-size: 1.1em;
}
.su-box-content {
background-color: #fff;
color: #444;
padding: 1em;
}
.su-box-style-soft .su-box-title {
background-image: url('../images/styles/style-soft.png');
background-position: 0 0;
background-repeat: repeat-x;
}
.su-box-style-glass .su-box-title {
background-image: url('../images/styles/style-glass.png');
background-position: 0 50%;
background-repeat: repeat-x;
}
.su-box-style-bubbles .su-box-title {
background-image: url('../images/styles/style-bubbles.png');
background-position: 0 50%;
background-repeat: repeat-x;
}
.su-box-style-noise .su-box-title {
background-image: url('../images/styles/style-noise.png');
background-position: 0 0;
background-repeat: repeat-x;
}
/* Note
---------------------------------------------------------------*/
.su-note {
margin: 0 0 1.5em 0;
border-width: 0px;
border-style: solid;
}
.su-note-inner {
padding: 1em;
border-width: 0px;
border-style: solid;
box-shadow: 3px 3px 6px #d0d0d0;
}
/* Expand
---------------------------------------------------------------*/
.su-expand { margin: 0 0 1.5em 0; }
.su-expand-content { overflow: hidden; }
.su-expand-link {
margin-top: 0.5em;
cursor: pointer;
}
.su-expand-link:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.su-expand-link a,
.su-expand-link a:hover,
.su-expand-link a:active,
.su-expand-link a:visited,
.su-expand-link a:focus {
display: inline;
text-decoration: none;
background: transparent;
border: none;
}
.su-expand-link-style-default .su-expand-link a,
.su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; }
.su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; }
.su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; }
.su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; }
.su-expand-link-style-button .su-expand-link a {
display: inline-block;
margin-top: 0.2em;
padding: 0.2em 0.4em;
border: 2px solid #333;
}
.su-expand-link-more { display: none; }
.su-expand-link-less { display: block; }
.su-expand-collapsed .su-expand-link-more { display: block; }
.su-expand-collapsed .su-expand-link-less { display: none; }
.su-expand-link i {
display: inline-block;
margin: 0 0.3em 0 0;
vertical-align: middle;
color: inherit;
}
.su-expand-link img {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 0.3em 0 0;
vertical-align: middle;
}
/* Lightbox content
---------------------------------------------------------------*/
.su-lightbox-content {
position: relative;
margin: 0 auto;
}
.mfp-content .su-lightbox-content,
#su-generator .su-lightbox-content { display: block !important; }
.su-lightbox-content-preview {
width: 100%;
min-height: 300px;
background: #444;
overflow: hidden;
}
.su-lightbox-content h1,
.su-lightbox-content h2,
.su-lightbox-content h3,
.su-lightbox-content h4,
.su-lightbox-content h5,
.su-lightbox-content h6 { color: inherit; }
/* Common margin resets for box elements
---------------------------------------------------------------*/
.su-column-inner > *:first-child,
.su-accordion > *:first-child,
.su-spoiler-content > *:first-child,
.su-service-content > *:first-child,
.su-box-content > *:first-child,
.su-note-inner > *:first-child,
.su-expand-content > *:first-child,
.su-lightbox-content > *:first-child { margin-top: 0; }
.su-column-inner > *:last-child,
.su-tabs-pane > *:last-child,
.su-accordion > *:last-child,
.su-spoiler-content > *:last-child,
.su-service-content > *:last-child,
.su-box-content > *:last-child,
.su-note-inner > *:last-child,
.su-expand-content > *:last-child,
.su-lightbox-content > *:last-child { margin-bottom: 0; }
</style>
<script>
(function(){
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = '/assets/style2.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = '/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,'');
} );
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
} );
}
} )();
</script>
</body>
</html>
