Внимание adblock заблокировал загрузку javascript файлов. Как отключить adblock в разных браузерах

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

Расширение Адблок так же легко отключить, как и активировать. Иногда возникает надобность в отображении всех материалов на сайте, либо же информация отображается некорректно, и необходимость в блокировке рекламы отпадает – в этой статье подробно рассмотрим, как отключить Адблок в самых популярных поисковиках – Google chrom, Yandex, Opera и Mozilla. Также мы рассмотрим особенности подключения и отключения программы Адблок на телефонах, планшетах и смартфонах с программным обеспечением на базе ОС Андроид.

Как отключить adblock в Google Chrom

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

Первый способ

• Открываем браузер.

• В правом верхнем углу находим значок программы Адблок (в примере мы вмдим два расширения – Адблок и Адблок плюс, более расширенная версия), нажимаем на него.

• Откроется окно меню, выбираем опцию «Приостановить программу», кликаем по ней.

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

Второй способ

• Открываем поисковик Гугл Хром, в правом верхнем углу находим значок «Настройки и управление», нажимаем на него.

• В открывшемся меню находим опцию «Настройки», заходим в нее.

• Откроется окно внутренних настроек браузера, нам они не нужны. В левом верхнем углу нажимаем вкладку «Расширения».

• После ее нажатия на экране покажется список расширений, выбираем из списка Адблок и Адблок плюс, снимаем флажки напротив этих программ.

• После снятия флажков команда «Включено» сменится на «Включить».

Третий способ

• Открываем поисковик, в открытом окне нажимаем значок «Настройки и управление».

• В открытом меню ищем «Дополнительные инструменты», затем «Расширения», снимаем флажки напротив программ Адблок. Расширения неактивны.

Как отключить adblock в браузере Opera

Чтобы отключить программу для блокировки рекламы в браузере Опера, потребуется пару минут.

• Открываем поисковик.
• Слева на панели задач в самом низу находим значок расширений в виде кусочка паззла.

• Нажимаем на него, находим активные расширения (Адблок), даем команду «Отключить». Работа расширения приостановлена в браузере Опера.

Как отключить adblock в Яндексе

Поисковая программа Яндекс очень похожа на Гугл Хром, и различия между ними очень незначительные. Рассмотрим отключение Адблок в этом поисковике.

• Заходим в Яндекс-браузер.

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

• Откроется дополнительное меню, выполняем операцию «Приостановить Адблок».

• После выполнения операции «Приостановить Адблок» значок расширения поменяется на «Класс» на зеленом фоне – это значит, что программа неактивна.

Отключение adblock в браузере Mozilla Firefox

Поисковик Мозилла становится все менее популярным на фоне более практичных Гугл Хром и Яндекса, однако многие пользователи все так же отдают предпочтение этому сервису, как самому надежному и стабильному поисковику. Рассмотрим отключение Адблок в этом поисковике.

• Открываем браузер Мозилла.

• В правом верхнем углу находим уже знакомый значок программы, нажимаем его.

• Высвечивается контекстное меню, выбираем там «Отключить везде».

• Расширение Адблок неактивно, о чем говорит серый цвет значка.

Программа adblock в операционной системе Андроид

Использование Адблок на телефонных устройствах, планшетах и смартфонах имеет свои особенности. В Андроиде данное расширение идет как отдельный веб-браузер, с помощью которого можно совершать поиск в сети интернет. При этом программа сама фильтрует рекламу и вредоносные ссылки, от вас требуется только самостоятельная установка этой программы с помощью сервиса Google play (Плей-маркета).

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

• Открываем Адблок-браузер на телефоне (планшете, смартфоне).

• Заходим в настройки браузера (это делается с помощью левой клавиши на сенсорном телефоне), находим меню «Параметры», нажимаем на него.

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

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

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

Как отключить плагин Adblock в Хроме

Для начала предлагаем посмотреть на процесс отключения в самом популярном на сегодняшний день браузере – Google Chrome! Что ж, тянуть не будем, сразу к делу:

1. Открываем меню, кликнув по кнопке с правой стороны (находится в самом верху);
2. Нажимаем на “Настройки”, после чего открывается страница с настройками, но она нам не нужна – мы идём дальше;
3. Переключаемся с настроек на “Расширения”, после чего открывается страница со всеми дополнениями;
4. Снимаем галочку напротив надписи “Включить”;
5. Готово! Теперь Adblock не мешает Вашему любимому сайту отображаться в нормальном режиме!

Как отключить плагин Adguard в Яндекс Браузере

В принципе, в Yandex браузере всё то же самое, что и в Chrome, потому что исходный код у них одинаковый. Но мы всё же объясним:

1. Кликаете по кнопке “Меню”, что находится справа сверху;
2. Выпадает список, где необходимо нажать на раздел “Дополнения”;
3. Открывается страница с расширениями. Они разделены на категории;
4. Прокручиваем её в самый низ и находим нам плагин Adguard (тот же самый Adblock только специально для Яндекс Браузера);
5. Сдвигаем ползунок напротив него и расширение становится неактивным.

Отключаем плагин Adblock в Mozilla Firefox

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

1. Кликаем всё на ту же кнопку для открытия меню;
2. Нажимаем на значок, под которым находится надпись “Дополнения”;
3. Открывается магазин расширений. Он нам не нужен – проходим мимо;
4. В меню слева кликаем на “Расширения”;
5. Собственно, теперь самое интересное – находим среди плагинов Adblock и кликаем на кнопку “Отключить”;

Как отключить расширение Adblock в браузере Opera

Ну и напоследок порадуем людей, использующих Оперу в качестве основного браузера:

1. Кликаем по логотипу “Opera” в левом верхнем углу, открываем меню;
2. Наводим стрелку на “Расширения” и переходим в “Менеджер расширений”;
3. Открывается страница с установленными плагинами;
4. Находим среди дополнений наш любимый Adblock и отключаем его, кликнув по кнопке “Отключить”;

Блокировка рекламы – реальная проблема для всех блоггеров и владельцев сайтов, для которых единственным источником доходов является реклама, размещенная на собственном сайте. Давайте объективно взглянем на способы взаимодействия с посетителями, которые блокируют показ рекламы. Внимание! Этический аспект в этой статье не рассматривается!

1. Не делайте ничего

Не стоит воспринимать данный вопрос исключительно в черно-белом цвете. Посетители, блокирующие объявления, используют ресурсы сервера и загружают канал, однако сайт может извлечь пользу от юзеров менее очевидными способами. Например, посетитель даст знакомым ссылку на вашу статью, фото или видео. Эти знакомые зайдут на сайт и, вероятно, не будут блокировать рекламу. Посетитель, блокирующий рекламу, оставит комментарий в обсуждениях, что полезно для страницы с точки зрения SEO (если, конечно, он будет релевантным). Комментарий может пригодиться читателям или автору статьи.

Короче, если вы оптимист. Если все сказанное применимо к вашему ресурсу, лучшее решение – не предпринимать никаких действий. В случае с сайт, я руководствуюсь именно этими понятиями и рад любому посетителю, да и реклама у меня занимает менее 10% пространства от контента, думаю это терпимо.

2. Попросите не блокировать рекламу

Сайт распознает блокировку благодаря использованию «симуляторов» рекламных скриптов (если скрипт не выполняется, значит посетитель пользуется программами типа «adblock»). Вежливо и спокойно объясните, что блокировка рекламы не позволяет сайту загружать вполне безобидный контент. Попросите пользователя внести сайт в белый список, и реклама будет загружаться. Это очень изящный и эффективный способ решить проблему. Когда пользователь понимает, что вместе с объявлениями скрывается и полезный контент, он, вероятно, сделает для вашего сайта исключение и внесет его в white list.

Для CMS WordPress существует много антиблокировочных плагинов, которые прекрасно справляется со своей задачей и содержит массу полезных опций.

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

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

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

3. Работайте с проверенными рекламодателями

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

4. Настройте редирект

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

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

Специальный плагин для WordPress, который отлично справлялся бы с этой задачей, пока не разработан. Я написал небольшой скрипт jQuery для определения размера рекламного контейнера после загрузки страницы. Если размер контейнера составляет 0 пикселей, значит реклама не загрузилась и произошла блокировка. Перед использованием скрипта задайте контейнеру стилевой идентификатор id для CSS или поместите код рекламы в теги div, где и укажите конкретный id.

< script type= "text/javascript" > jQuery(document) .ready (function() { if (jQuery("#myAdContainer" ) .height () == 0 ) { window.location = "http://google.ru" ; } } ) ;

В образце кода атрибуту id присвоено имя myAdContainer, а редирект настроен на сайт google.ru. Сценарий нужно разместить в любом месте файла, а лучше в футере или хедере.

Бонус: обходим блокировку скриптов

Любой способ выявления блокировки рекламы и последующие действия со стороны сайта зависят от Javascript или jQuery, но если пользователь отключил поддержку Javascript в браузере, предлагаемые способы не сработают. В этом случае можно прибегнуть к мета-редиректу.

< noscript> < meta http- equiv= "refresh" content= "0;url="http://google.ru"" >

Разместите этот код на странице (такая страница не пройдет валидацию на соответствие стандартам html-кода, за исключением HTML5, однако на работу сайта этот сниппет никак не повлияет).

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

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

Для чего нужна семантическая разметка?

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

В отличие от человека, не может распознать, о чем идет речь на сайте без определенных подсказок. Он анализирует контент, выявляет определенные закономерности, определяет ключевые слова, но, не имея человеческого интеллекта, не может понять смысл написанного. Чтобы упростить ему задачу, программистами придумана семантическая или микроразметка для "Яндекса" и Google. Так же, как гипертекст показывает машине, что и где нужно разместить, семантическая разметка объясняет, кому или чему посвящен ресурс. Благодаря этому пониманию сайт лучше ранжируется среди конкурентов и имеет больше шансов попасть на первые строчки поисковых запросов.

Пример семантической разметки

Особенно эффективно микроразметка "Яндекс" и Google влияет на продвижение коммерческих сайтов, предлагающих товары и услуги. Нагляднее всего ее объяснит следующий пример.

Необходимо создать микроразметку для сайта-визитки по оказанию парикмахерских услуг для собак. Она будет выглядеть так:

Itemtype - BarberShop,

Name - парикмахерская для собак.

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

Создаваемая при помощи "Яндекс.Вебмастер" микроразметка позволяет прописывать множество параметров - места продаж, часы работы, контакты, краткое или услуги и многое другое.

Где используется семантическая разметка?

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

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

Единый стандарт Schrema.org

Создание семантической разметки привело к тому, что потребовался единый стандарт для всех поисковых систем. Им стала микроразметка "Яндекс" и Google - schrema.org. Она упрощает процесс создания короткого описания (сниппета), которое мы видим при отображении страницы в результатах поиска. В эту информацию можно включить важные сведения о сайте, которые помогут пользователю определиться, переходить или не переходить ему на эту страницу.

Кстати, количество элементов и словарей в schrema огромно, поэтому ее можно использовать для сайтов практически любой тематики.

Стандарт Open Graph

Помимо поисковых систем Google и "Яндекс", микроразметка товаров, услуг, мультимедийного и информационного контента требуется и социальным сетям. Для них Facebook придумал единый стандарт Open Graph. Эта разметка позволяет контролировать, как будет представлен сайт в новостной ленте социальной сети. Причем сегодня создавать красивые ссылки с его помощью можно не только в Facebook, но и в Google+, "ВКонтакте", Twitter. Для красивого отображения последнего, кстати, также используется Twitter Cards.

Какую микроразметку выбрать?

На самом деле при ранжировании сайта ни "Яндекс", ни Google не отдают какому-либо стандарту больше предпочтения. Классический вариант использования - schrema.org - он наиболее полный, современный и активно развивающийся.

Словари микроразметки

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

Для каждого стандарта существуют свои словари и элементы. В schema.org существует несколько ключевых словарей со своей огромной иерархией и типами отображения. Например, словарь Thing позволяет представлять информацию в 3-х основных свойствах:

• alternateName - для псевдонима (алиаса) объекта;
• description - для текстового описания объекта;
• image - для изображения или ссылки на него.

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

Словарь FOAF - микроразметка контактов "Яндекс" и Google. Это анкета, которую вы заполняли миллионы раз на различных сайтах - ваше имя, координаты, страница в социальных сетях, почта, дата рождения и т. д. Эти знания позволят склонить пользователя перейти по ссылке, предлагая ему то, что может его заинтересовать. Таким образом, сайту можно поднять посещаемость.

Для подробного описания аудио и видеоинформации - исполнителя, названия альбома, продолжительности - используется микроразметка VideoObject.

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

Что такое валидатор

Любое продвижение в интернете требует тщательного и глубокого анализа эффективности. Проверить микроразметку "Яндекс" можно при помощи валидатора - программного обеспечения, распознающего метаданные на веб-страницах. Проверке корректности поддаются документы любых форматов - HTML, XHTML, RSS, XML, на любых языках.

Проверка микроразметки "Яндекс" осуществляется любым валидатором, поддерживающим форматы Schema.org, микроданных HTML, Open Graph, RDF.

Как проверить микроразметку Google

Узнать, насколько вашего сайта в поиске Google можно несколькими способами. Для опытного пользователя, который свободно владеет скрытыми настройками вебмастеров "Гугл", подойдет доступный только по ссылке инструмент Rich Snippet Tool.

Другой способ - установить плагин Seo by Yoast. Он удобен в использовании и будет доступен после установки в верхней панели вебмастера.

Третий способ - на сайте Google Developers в панели инструментов выбрать “Другие ресурсы”, нажать на кнопку “Инструмент для проверки структурированных данных” и указать html страницу, которую хотите проверить. Когда робот просчитает заданный скрипт, вы получите детальный отчет с ошибками, если они есть, и пояснениями к ним.

Как проверить микроразметку "Яндекс"

С этой поисковой системой все несколько проще. Валидатор микроразметки "Яндекс" расположен в инструментах вебмастеров, во вкладке “Мои сайты”. Здесь нужно нажать кнопку “Проверить разметку” и ввести URL сайта, и валидатор начнет просчитывать ошибки. Через несколько минут вы получите один из трех вариантов ответа:

• Микроразметка не обнаружена.
• Есть ошибки.
• Микроразметка полностью соответствует стандарту.

В каких случаях появляется информация о некорректной разметке?

"Яндекс.Вебмастер" - валидатор микроразметки - выводит сообщение об ошибке в двух ситуациях:

• Когда он не распознает разметку.
• Когда микроразметка не соответствует стандарту.

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

Может еще выдать сообщение - «страница не может быть загружена». Оно указывает на ошибку сервера или несуществующую страницу.

Если микроразметка "Яндекс" выполнена с неизвестной ошибкой или вы не знаете, как ее исправить, всегда можно обратиться за справкой "Яндекс.Вебмастера".

После завершения валидации, новая разметка появится в течение 2 недель.

Как влияет микроразметка на ранжирование сайта?

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

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

Преимущества микроразметки

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

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

Но, конечно, при seo-продвижении не стоит зацикливаться только на разработке микроразметки. Крайне важно, иметь полезный и уникальный контент, но не только. Есть еще множество факторов, влияющих на повышение сайта в рейтинге поисковиков "Яндекс" и Google.

Другие способы продвижения сайта

Внутреннее продвижение, к которому относится микроразметка "Яндекс" и Google, имеет несколько направлений:

• использование ключевых слов в домене и заголовках сайта;
• наличие ключевых слов на самой странице, их равномерное распределение по тексту, расположение в подзаголовках, тегах;
• правильная безошибочная HTML-разметка (проверяется при помощи инструментов "Вебмастера Яндекс");
• наличие мегатегов (keywords, description и т. п.), указывающих поисковику суть страницы;
• перелинковка - т. е. ссылки на другие страницы сайта;
• простая структура сайта, позволяющая в клик перемещаться на главную страницу;
• запоминающийся и понятный дизайн;
• работа с социальными сетями, возможность рекомендовать понравившуюся информацию другим;
• наличие карты сайта;
• уникальный, интересный и регулярно пополняемый контент, полезный и актуальный для читателя;
• оптимизированный CMS для быстрой и безошибочной загрузки страниц.

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

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

Для интернет-магазинов эффективно использование комментариев и отзывов покупателей, причем как на самом сайте, так и на тематических форумах, порталах с отзывами и т. п.

Вместо заключения

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

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

"Яндекс" и Google напрямую заинтересованы в том, чтобы пользователь получал необходимые сведения, а значит, чем лояльнее будет ваш ресурс, тем больше его шансы занять место в топе.

Не суть важно, какую именно разметку вы используете - OpenGraph, schrema.org или какую-нибудь другую, главное, чтобы она была выполнена без ошибок и выделяла ключевые моменты страниц ресурса. Регулярно проверяйте ее при помощи валидатора, проводите глубокий анализ каждой стороны своей деятельности, и тогда вас ждут отличные результаты!

Многие слышали о микроразметке, но никогда ее не применяли. Основная причина - непонимание, что это такое и зачем нужно. Сейчас мы все по порядку расскажем.

Семантическая разметка или микроразметка была введена поисковыми системами относительно недавно (начиная с 2011 года) . Основная цель - сделать сайт более понятным для поисковой системы. Сразу приведем пример.

Поисковику важно понимать, есть на сайте телефон или его нету. От этого зависит очень многое. Телефон можно найти по маске +7 ххх хх-хх-хх и подобным. В этом сложности нет. Но как отличить телефон от факса? Если сам сайт не «сообщит», какой номер к чему относится, то сделать это невозможно.

Такая же сложность есть и с текстом. Как отличить кулинарный рецепт от статьи на тему приготовления пищи?

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

Приведем самый простой пример:

Предположим, у нас есть отрывок из верстки страницы с контактами:

Все стандартно, никаких сложностей нету.
А теперь пример того же отрывка, но уже с размеченным кодом.

DH Agency Контакты:

Адрес: Санкт-Петербург ул. Верности 6

Телефон:+7 000 00–00–00/span>, Факс:+7 000 00–00–00 , Электронная почта: сайт

Довольно просто и интуитивно понятно, не так ли? Нужно знать только синтаксис. Вся разметка делается в коде сайта, никаких дополнительных файлов создавать не придется.

Сразу ответим на самые популярные вопросы.

Зачем сайту микроразметка?

Если поисковая система понимает, какой материал находится на сайте, то она постарается сделать сниппеты максимально привлекательными. Расположить цену, условия, ответы/вопросы, отзывы и т.д.

К примеру, Яндекс может написать цену на товар рядом с Вашим сайтом.

Кроме этого, микроразметка помогает точнее разобраться в коммерческих факторах - телефонах, адресах, ценах и подобных.

Наличие разметки влияет на позиции сайта?

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

1. Микроразметка влияет на сниппеты и делает сайт заметнее в выдаче. Что в итоге приводит к увеличению посещаемости при прочих равных условиях.
2. Яндекс и Гугл любят качественный и понятные сайты. Микроразметка, это еще одна ступень приведения сайта в «порядок».

Всем ли сайтам это нужно?

Да, всем. Разметка контактов и других основополагающих элементов желательна для любого ресурса. Но не для всех видов товаров и услуг можно передать данные в сниппеты. К примеру, сейчас поддерживаются:

• Кулинарные рецепты;
• Вопросы и ответы;
• Отзывы;
• Цены на товары;
• Описания товаров;
• Некоторые другие категории.

Какие бывают виды?

Существует несколько вариантов (синтаксисов) сообщить роботу, что находится у Вас на сайте. Самый распространенный и используемый - разметка «по правилам» shema.org. Именно ее и рекомендует Яндекс.

Кроме данной разметки существует еще (разработан Facebook). Данный вид разметки больше ориентирован на соц. сети и используется ВК, ФБ, Твиттер, Гугл Плюс и другими.

Существует так же еще один формат - JSON-LD, но он используются только Яндекс Почтой. Изменить информацию в сниппетах при его помощи не получится.

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

Schema.org

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

Разметка начинается с создания «контейнера», в котором и будут располагаться все данные. Выглядит он следующим образом:

Тут будут находиться Ваши данные

Россия, Санкт-Петербург, ул. Верности

Подробный синтаксис можно посмотреть на официальном сайте - http://schema.org. (Не официальный перевод на русский язык - http://ruschema.org)

Open Graph

Данную разметку используют все популярные социальные сети - ВКонтакте, Фэйсбук, Твиттер, Линкедин. Яндекс при помощи Open Graph передает данные в свой сервис «Видео».

Кроме формирования привью данный формат подходит для разработчиков приложений.
Синтаксис и подробную информацию можно найти на официальном сайте - http://ogp.me

Микроформаты

Это достаточно популярный способ семантической разметки для HTML страниц. Он позволяет поисковым роботам понимать смысловые значения контента. Сделан он довольно «необычным» способом. Что бы передать поисковому роботу информацию, элементу присваивается атрибут «class», который имеет значение схожее с именем свойства. К примеру, адрес будет выглядеть таким образом:

Россия, Санкт-Петербург, ул. Верности, 6

В отличии от других форматов Вам не придется прописывать «лишних» тэгов.

Микроформаты используются множеством сервисов по всему миру, в том числе и Яндексом. Правда, стоит сказать, что на данный момент Яндекс поддерживает не все микроформаты. (актуальный список поддерживаемых форматов можно найти в Интернете)

Подробная информация о синтаксисе доступна на официальном сайте - http://microformats.org/wiki/Main_Page

Какой формат лучше использовать?

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

Примеры

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

Пример микроразметки контактов:

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

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

Адрес фабрики: Москва ул. Ленина 140

Телефон:+7 945 00–00–00/span>, Факс:+7 945 00–00–00 , Электронная почта:

Пример микроразметки товара:

Эффективнее всего микроразметка проявляет себя при описании товаров. В сниппете появляется цена, преимущества, описание товара и другая важная информация.
С микроразметкой

Плюшевый еж "Уф Уф" Фабрика плюшевых ежей "С иголочки" Номер модели 964893NM Текстовое описание товара.

Стоимость товара Продавец товара

Пример микроразметки статьи:

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

Пример микроразметки «хлебных крошек»

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

• Основной раздел
• Подраздел уровня 1
• Подраздел уровня 2

Google с Яндексом не дают веб-мастерам спокойно спать - то они вводят новые способы ранжирования сайтов в выдаче – из последних, учет адаптивности шаблона на сайте.
То перестают учитывать ссылочное при ранжировании или вводят какие-то очередные фильтры.
А теперь, дошла очередь до семантической разметки сайта.
Вообще, для Google с Яндексом микроразметка и микроформаты – это основная тенденция в этом году.
Собственно, ее стандарт появился еще в 2011 году, но, если ранее ПС предлагали добавить ее на сайт добровольно, то теперь добровольно-принудительно:), поскольку сайты, не имеющие ее, стали индексироваться хуже, им сложнее попасть в топ выдачи.

Это специальные параметры тегов, которые добавляются в код файлов или текст. Они описывают свойства документа. Если по-простому, этими тегами мы сообщаем поисковому роботу:

«Вот это у меня название статьи, а это изображение, а вот тут идут комментарии.
Это имена комментаторов, а это я, автор сайта, собственной персоной. Не перепутай ничего!».

Из документации Яндекс о микроразметке сайтов:

2. Зачем нужна семантическая разметка сайта?

Она помогает выстроить структурированную иерархию всех данных страницы для поисковых роботов, а также роботов социальных сетей, что улучшит представление сайта в результатах поиска.
Размеченная таким образом страница станет более понятной и прозрачной для роботов всех ПС.
Хотя, представители Яндекса утверждают, что наличие семантической разметки не влияет на позицию сайта, но опыт и наблюдения показывают, что размеченный сайт индексируется ПС намного быстрее и качественнее, а в выдаче показывается на 3-5 позиций выше не размеченных сайтов.
Такая разметка полезна для коммерческих сайтов (всяких-разных сервисов, интернет-магазинов, ресторанов). Также, она помогает продвижению корпоративных веб-ресурсов, самых различных сайтов и блогов.
Сравните сниппеты в выдаче Гугл и Яндекс с микроразметкой и без нее:
Микроразметка Google, рейтинг:






Первый сниппет показывает хлебные крошки, рейтинг, дату публикации.
Микроразметка Яндекс для организаций:






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






Первый сниппет показывает хлебные крошки, дату публикации.
Микроразметка Яндекс, рецепты:






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

3. Какую пользу приносит использование семантической разметки?

1. Лучшую, более быструю индексацию новых статей и сайта в целом.
2. Увеличение доверия к сайту со стороны ПС.
3. Лучшие, более информативные сниппеты в выдаче – за счет показа дополнительной информации: рейтинга, цены, контактных данных (адреса, телефона) и т.п.
4. Улучшение поведенческих факторов сайта (больше переходов из поисковой выдачи).

Надеюсь, я убедила вас, что микроразметка действительно нужна.
Теперь о том, какая существует разметка, а также, что из нее понимает Яндекс.

4. Виды микроразметки

В Google Search Console – есть пункт «Структурированные данные».

Рис 1 – ошибки в микроразметке

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

Рис 2 – ошибки микроразметки Hentry

В нашем случае мы видим, что имеются 106 ошибок, которые относятся к разметке формата hentry (microformats.org)

– микроразметка, встроенная в ядро WordPress. Так как она встраивается автоматически и не адаптирована под сторонние шаблоны - чаще всего работает неправильно, и это приводит к тому, что Google Search Console обнаруживает такие ошибки:

Рис 2.1 – ошибки Hentry: author, entry-title, updated

Но, при этом инструмент для проверки микроразметки от Google – абсолютно спокойно сообщает, что нет никаких ошибок и никаких предупреждений по этому поводу.()

Рис 3 – гугл не видит ошибок hentry

На нашем сайте мы будем использовать признанную всеми поисковыми системами единогласно микроразметку – schema.org .

Этот стандарт поддерживает как Яндекс, так и Google .

Поэтому, встроенную микроразметку hentry, которая в Google Search Console выдает нам 106 ошибок – необходимо просто удалить.

Так как hentry добавляется в ядро wordpress -,что позволяет удалить ее через фильтры, потому как в шаблонах этих классов не видно.

Исходный код для удаления hentry:

Add_filter("post_class", "fc_remove_hentry", 20); function fc_remove_hentry($classes) { if (($key = array_search("hentry", $classes)) !== false) { unset($classes[$key]); } return $classes; }

Код необходимо добавить в functions.php

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

Рис 4 – удаление разметки hentry со всего сайта

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

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

В Google Search Console вы увидите положительную динамику уменьшения количества ошибок. С течением времени они исчезнут вовсе, остается только ждать.

Рис 5 – положительная динамика уменьшения ошибок hentry

Как удалить ошибку:

ОШИБКА: поле http://ogp.me/ns#image отсутствует или пусто

Рис 6 – ошибка Open Graph ns#image

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

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

В нашем случае на сайте присутствует плагин - SEO Ultimate, который имеет специальный раздел, отвечающий за разметку Open Graph. А это значит, что ошибка связанная с http://ogp.me содержится именно в плагине SEO Ultimate.

Заходим по следующему пути SEO Ultimate -> Open Graph -> Default Values -> Default Image

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

Рис 7 – как исправить ошибку Open Graph ns#image

Добавляем URL адрес картинки, которую бы мы хотели видеть по умолчанию. Напомню что The Open Graph protocol отвечает за вывод красивых постов в социальных сетях, в фейсбуке, твиттере, вконтакте и так далее. То есть эта картинка, которую вы зададите по умолчанию, будет фигурировать в постах социальных сетей, репостах и так далее. Выбирайте брендовую и респектабельную фотографию.

После сохранения изменений – ошибка пропадает.

Рис 8 – ошибка Open Graph ns#article

Но по-прежнему остается ошибка, связанная с неизвестным префиксом article.

Мы с вами уже в курсе, что у нас на сайте установлен плагин SEO Ultimate. Продолжаем копать в этом же направлении.

Рис 9 – как исправить ошибку Open Graph ns#article

Устанавливаем Open Graph Type – Website.

Рис 10 – правильная разметка Open Graph

После всех изменений валидатор разметки Яндекс больше не выдает никаких ошибок:

Рис 11 – валидная разметка Open Graph

Добавляем микроразметку хлебных крошек

Хлебные крошки - это цепочка ссылок от главной страницы до страницы, где сейчас находится пользователь.

Для начала нужно проанализировать сайт на наличие хлебных крошек.

Рис 12 – хлебные крошки на сайте

Хлебные крошки на сайте присутствуют. Теперь нужно понять, каким образом они выводятся. В исходном коде хлебных крошек находим название плагина, с помощью которого они функционируют - Breadcrumb NavXT 4.0.2

Рис 13 – хлебные крошки выводятся через Breadcrumb NavXT

Открываем админ панель нашего сайта и заходим в редактирование плагина Breadcrumb NavXT.

Рис 14 – Настройки Breadcrumb NavXT

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

В нашем случае нас интересуют:

• Шаблон ссылки на страницу блога
• Шаблон на главную
• Рубрика блога Шаблон
• Шаблон ссылки на рубрику

Все шаблоны имеют стандартный вид типа:

Чтобы получить правильную микроразметку, нам нужно разметить этот исходный код с помощью стандарта http://schema.org/BreadcrumbList

1. Dresses
2. Real Dresses

Разберем по порядку, какие элементы содержит разметка, и как их следует применять:

itemscope itemtype=”http://schema.org/BreadcrumbList”

Этот элемент обозначает начало размечаемой области. Все что будет внутри этого элемента – это будет разметка хлебных крошек.

В примере элемент находится внутри нумерованного списка – тег

Это не обязательно, можно использовать

, или другие подобные теги.

Нужно смотреть по обстоятельствам и помнить что от того какой тег вы используете такой CSS и подключится к хлебным крошкам. То есть внешний вид ваших хлебных крошек зависит от того в какие теги вы обрамите http://schema.org/BreadcrumbList .

В нашем случае мы добавим эту строку кода через исходный код виджета breadcrumb_navxt_widget.php

Так как через стандартный редактор кода админ панели WordPress это файл недоступен, мы будем использовать фтп доступ через filezilla.

Рис 15 – Настройки виджета Breadcrumb NavXT

Находим кусок кода, который отвечает за микроразметку, а конкретно нам нужен тег, который обрамляет эту разметку.

Рис 16 – код который обрамляет Breadcrumb NavXT