категория: , Полезности
✎ Опубликовано: 22.09.2017 ☕ Просмотров: 2134 ✉ Комментарии: 1
По возможности избавляемся от вкладок - вся информация без лишних кликов
Источник: https://www.searchenginejournal.com/tabbed-content-search-rankings/
Размещение контента во вкладках является распространенным решением для обеспечения чистоты и краткости содержания веб-сайтов. Его применение даёт пользователям возможность отображать и скрывать контент одним щелчком мыши.
Но является ли размещение контента во вкладках хорошим решением с точки зрения поисковой оптимизации? Наши тесты показали, что этот приём может вредить ранжированию сайта в поисковой выдаче.
Как вы знаете, поисковые системы годами испытывали трудности с чтением JavaScript. С 2014 года Google работает над улучшением своего понимания JS, который в современном мире играет важную роль в дизайне сайтов. Однако способности поисковой системы до сих пор далеки от совершенства, поскольку JavaScript – это сложная, хотя и красивая вещь.
Мы точно не знаем, может ли Google читать с помощью JavaScript, поэтому лучшее, что вы можете сделать на этом этапе, – убедиться, что ваши JS-файлы читаемые и не заблокированы от индексации в robots.txt.
Когда краулер читает ваши JavaScript-выражения, он либо понимает их, либо нет. Если они остаются непонятыми, то содержимое этого сектора не будет отображено или обработано. Это значит, что ваш хорошо структурированный контент может не иметь никакого значения для ваших SEO-целей.
Хороший способ увидеть, читается ли ваш контент, – использовать инструмент «Сканер Google» в Search Console. С его помощью можно понять, как страницу видят робот и пользователь.
Контент во вкладках обычно создаётся с помощью JavaScript через использование div.tabs. Хотя этот контент, как правило, читается поисковыми системами, краулеры – это не люди, и они не могут кликнуть на вкладку. Это так, потому что действие, отображающее контент во вкладке, не является стандартной гиперссылкой, по которой переходят краулеры.
Ниже – пример стандартного кода контента во вкладке. Обратите внимание, он не содержит гиперссылки:
<button class="tablinks" onclick="OPENTAB(event, 'EVENTNAME')" id="defaultOpen">TAB TITLE</button>
<script>
document.getElementById("defaultOpen").click();
</script>
Googlebot сможет прочитать вашу первую вкладку, поскольку она статична на странице. Однако остальные вкладки будут проигнорированы.
Если у вас имеется пять вкладок по 200 слов в каждой, то вы теряете 800 слов на странице.
Для вашей страницы это плохая новость, поскольку это значительно снижает качество контента, не говоря уже об отсутствии релевантных поисковому запросу кусков текста с важными ключевыми словами.
Поскольку контент во вкладках зависим от кода, пример которого приводился выше, самый надёжный способ решить проблему с его индексацией – полностью убрать вкладки. Выбор в пользу хорошо структурированной страницы с хорошим дизайном позволяет роботу Googlebot индексировать весь контент, который вы можете предложить.
Чтобы подтвердить эту теорию, мы в течение многих месяцев проводили тесты. Все страницы в данном примере были оптимизированы под определённые ключевые слова, однако на протяжении тестирования они совсем не получали внешних ссылок. Заметив это, мы создали копии страниц, которые плохо ранжировались, внеся одну небольшую правку – мы просто убрали вкладки.
На скриншоте видно, какой эффект это имело на позиции в поисковой выдаче Google. Те страницы, которые ранее не могли попасть на первую страницу, теперь ранжируются на первой странице по целевому ключевому слову. По тем запросам, по которым сайт уже показывался на первой странице, позиции повысились.
По ключевому слову №8, например, после того, как были удалены вкладки, страница немного просела. Однако в течение нескольких месяцев, она переместилась с третьей страницы выдачи на первую.
Ключевое слово №2 постепенно поднималось в выдаче, но внезапно переместилось на первую страницу. Это говорит о том, что в этой точке страница, скорее всего, была просканирована. Как только Googlebot обнаружил, что у неё богатое содержимое, которое больше не скрывается, эта страница вышла в ТОП-10.
Делая выводы, важно учитывать и другие факторы. Были ли другие причины, по которым эти страницы улучшили свои позиции?
Ниже – краткий список других возможных факторов, которые могли повлиять на ранжирование страниц:
Мы наверняка не знаем, смогут ли поисковые роботы когда-либо читать код, основанный на JavaScript. Поэтому здесь можно только предполагать.
Наше исследование показало, что обычно стандартный JavaScript не читается поисковыми роботами. Поэтому его использования лучше избегать, чтобы не вредить ранжированию сайта.
От редакции. Представители Google неоднократно заявляли, что контент, скрытый от пользователей под вкладками и ссылками, получает меньший вес и может игнорироваться алгоритмами ранжирования. Однако в Google обещают, что эта ситуация изменится после запуска mobile-first индекса.
Читая информацию о рекламе в facebook я нашел кое что интересное
Чистый и валидный HTML и CSS код, Хорошие показатели Google Page Speed, Более 20 модулей в комплекте, Профессиональная техническая поддержка - это только часть того что есть в шаблоне
Исправляем странный баг в Opencart в удаляется товар при копировании. Этот баг присутствует в google chrome
Также в статье хочу выразить благодарность не только Виталию а и другим крутым авторам дополнений с кем приходилось иметь дело
Чтобы принимать Биткоин и Лайткоин в OpenCart, вам не нужно заполнять утомительные документы, проходить проверку и ждать несколько дней. Установите бесплатный модуль и просто введите адрес своего Биткоин и/или Лайткоин кошелька. Тогда все входящие платежи
Монобанк - прогрессивный банк без отделений в котором дают кредитные карточки с хорошим грейс периодом а также возможностью заработать открыв в нем депозит. Именно о нем и пойдет речь
Мы знаем что поисковые роботы любят текст на страницах. Однако публикуя тексты помните предназначена ли эта страница для такого текста
Небольшой пример как можно сделать автоматически содержание описания со скролом при клике на заголовок
Обзор платежного шлюза fondy который позволяет сделать онлайн оплату на сайте за любые товары или услуги
Как оптимизировать сайт для google page speed - обзор основного функционала сервиса от гугл для проверки скорости загрузки страницы
Для того что бы вывести кастомную информацию не надо много кода. Достаточно применить правильный подход и пару строк кода. Читаем в статье.
Как мне "посчастливилось" пощупать UMI CMS особенно со стороны переноса данных и почему меня до сих пор тошнит при слове UMI
В этом обзоре будут выявлены все плюсы и минусы каждого фильтра. Всего в обзоре будет 7 фильтров который продаются и развиваются. По завершению будет дана рекомендация какой же выбрать
Коллеги, давайте предоставлять хороший сервис и поднимать планку качества. Небольшая история как я обращался к разным разработчикам