Как убрать turbo pages: Управление показами Турбо‑страниц. Турбо‑страницы для контентных сайтов |

Posted:

Дек 26, 2022

Comments:

0 Comments

Как убрать turbo pages: Управление показами Турбо‑страниц. Турбо‑страницы для контентных сайтов

Содержание

Как отключить турбо-страницы Яндекс за 1 день

Автор Алексей Бегин Опубликовано 10.02.2022
Обновлено 12.02.2022

Я люблю Яндекс, но турбо-страницы… нет.

Подозреваю, вы тоже.

Вы устали. Знаю.

Я тоже через это прошел: три месяца пытался отключить турбо-страницы Яндекса.

И отключил.

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

Вот как отключить турбо-страницы Яндекс на своем сайте:

Шаг 1. Выгрузите турбо-страницы из Вебмастера
Шаг 2. Создайте файл .xml для отключения турбо и загрузите на хостинг
Шаг 3. Добавьте новый источник в Вебмастер
Шаг 4. Турбо-страницы должны удалиться из поиска, проверьте.

И еще капнул чуть поглубже, постарался разобраться чем полезен/вреден Турбо:

Плюсы и минусы Яндекс Турбо.

Начнем.

С чего все началось – как я думал, что отключил турбо-страницы Яндекса и обнаружил падение трафика вдвое

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

Отключил источник в Вебмастере. Тогда это казалось хорошей идеей. Вроде логично дернуть за рубильник и перекрыть кислород турбо-страницам. Это же Яндекс, самая дорогая IT-компания в Рунете, там работает 12 000 крутых специалистов – тут все просто. Ага, *ерос там!
Подключил плагин турбо-страниц, создал RSS-ленту с <item turbo=”false”> для всех страниц. Поменял три плагина, бестолку
Писал в поддержку, просил помочь. Техподдержка на чужих сайтах не работает, добавьте в источник item turbo=”false” и нам очень важно мнение о вас…

Прошел месяц, два. Я как-то пал духом, обленился и ~~забыл~~/забил.

Плагин Яндекс.Турбо что-то там создавал и обновлял. Я надеялся, что турбо странички как-то сами засохнут и отпадут.

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

Присел передохнуть и увидел вот это:

Главная страница сайта в мобильной версии с контентом двухмесячной давности

Все это время люди переходили на турбо-сайт с контентом двухмесячной давности! Оставалось 37 турбо-страниц, в том числе главная.

Трафик из Яндекса упал почти вдвое:

Сократились визиты на сайт из Яндекса

Google тоже не захотел со мной общаться:

Видимость сайта в Google упала

Зашибись.

Конечно, смена тематики сайта – основная причина падения трафика из Яндекс и Google. Я был к этому готов. Но, скорее всего, турбо-страницы с “прокисшим” контентом, тоже подкинули масла в огонь.

Сам дурак. Двойка по SEO и пошел вон от доски!

Ну а дальше, пришлось зашевелиться – как ужу на сковороде.

Вот как вылечить сайт от турбо-зависимости.

Шаг 1. Выгрузите список турбо-страниц Яндекса из Вебмастера

Откройте Вебмастер.

Перейдите на страницу Турбо-страницы для контентных сайтов – > Источники. Нажмите кнопку CSV, чтобы выгрузить список турбо-страниц.

Загляните в файл. Здесь будут URL-адреса текущих турбо страничек.

Что нужно знать? Да в принципе немного – посмотрите URL`ы, которые болтаются в поиске Яндекса. Также можете по файлу можете узнать, какие URL`ы сейчас транслирует RSS-канал, установленный источником в Вебмастере:

Значение с единицей (1,rss) – ссылка передается
Значение с нулем (0,rss) – не передается.

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

Шаг 2. Создайте файл

.xml, чтобы отключить турбо-страницы Яндекса. Загрузите файл на хостинг

Перейдите на сайт iksweb.ru, выберите раздел Вставить список URL и нажмите Сгенерировать. Скачайте файл removing-turbo.xml.

Я пробовал подготовить файл в разделе “Вставить выгрузку из вебмастера”, но функционал глючит, создает файл с кривыми ссылками.

Или скачайте исходник файла и вставьте свои URL`ы.

Зайдите в файловый менеджер своего хостинга.

В папку сайта загрузите файл removing-turbo.xml. Например, у моего хостера Hostland папка сайта называется www, а полный путь к папке – inclient.ru/htdocs/www. У разных хостеров название папки сайта и путь к ней отличаются (… да вы итак это знаете).

Проверьте откроется файл или нет: перейдите по адресу ваш-домен/removing-turbo. xml.

Шаг 3. Добавьте новый источник в Вебмастер

Подключим новый источник.

Зайдите в Вебмастер на ту же страницу, где выгружали список турбо-страниц.

В поле Ссылка на источник вставьте ссылку ваш-домен/removing-turbo.xml и нажмите Добавить. Предыдущий источник, если он не нужен, можете отключить.

Шаг 4. Турбо-страницы должны удалиться, но лучше проверьте

Подождите 1-2 дня, пока Яндекс вычищает ваши турбо-страницы со своих серверов.

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

В мобильном поиске Яндекс сайт inclient.ru открывается без Яндекс Турбо

Загляните в Вебмастер, убедитесь что удалены все турбо-страницы.

Источники, если они не нужны, удалите.

Вроде все. Надеюсь руководство помогло.

Плюсы и минусы Яндекс Турбо для сайта

Яндекс Турбо превратил мобильную версию моего сайта в однотипную листовку, распечатанную как по шаблону из квитанции оплаты ЖКХ.

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

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

Если не все страницы, то коммерческие точно.

И ажиотаж, вокруг технологии “способствующей росту поискового трафика на 16%” у некоторых компаний, вроде как стихает:

Google Trends. Запросов “яндекс турбо” в поиске Google значительно меньше, чем 5-10 лет назад

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

Плюсы Яндекс Турбо:

Турбо-страницы открываются моментально. Распространен слух, что Яндекс Турбо открывает страницу в 15 раз быстрее, чем обычную. Факт не подтверждённый, сам Яндекс говорит, что турбо-страницы быстрее обычных в 3 раза
Так как турбо-страницы открываются очень быстро, снижается доля отказов. Вроде так, ведь медленный сайт – это убийца продаж. Отказы на мобильном сайте могут возрасти до 123%, если страница открывается до 10 секунд. Ну и трудно спорить с утверждением, что турбо-сайты грузятся быстрее, чем обычные сайтов
Если на сайте контент выглядит криво, то турбо-страница отобразит текст, картинки, ссылки правильно. И да и нет. Смотря какой контент. В своих статьях, подключенных к турбо, проблем не замечал, но на целевых страницах, местами, контент выпячивало и скручивало, как после бомбежки
Турбо-страницы имеют простой и понятный интерфейс. Внешний вид турбо страничек не отличить от квитанции ЖКХ, поэтому, без возражений
Вместе с турбо-страницами вы получите расширенный сниппет в поиске, переходов на сайт будет больше. Все так, за счет “карусели” с бейджиками сайт выделится среди конкурентов и, потенциально, посещаемость сайта должна возрасти. Но это работает, при условии, что ваш сайт получает высокие позиции.

Минусы Яндекс Турбо:

Вы отдаете контент/трафик Яндексу. Посмотрите пример ссылки турбо-страницы: https://inclient-ru.turbopages.org/turbo/inclient.ru/s/. Контент моего сайта находится на поддомене turbopages.org. Это значит, что мой контент мне не принадлежит – поисковые боты определяют Яндекс, как первоисточник и владельца контента. Поэтому после отключения турбо, позиции могут снизиться не только в Яндекс, но и в Google
Вы потеряете обратные ссылки. Как вы думаете, какой ссылкой поделится человек, если решит рассказать о вашей статье? Да, ссылкой Яндекса
Реклама – только РСЯ. Турбо-страницы не поддерживают Google Adwords или какой-либо другой подобный сервис. Со своими рекламными баннерами тоже возникнут проблемы, ведь на турбо странице меньше мест для размещения рекламы, чем в обычном сайте
Функционал турбо-страниц ограничен. Свой сайт – свой огород: захотел форму связи поменял или всплывающее окно с рекламой поставил. Турбо-страницы против самодеятельности. Хотя нет, солгал, можно размер шрифта, отступы и цвет кнопок поменять, с помощью загрузки CSS. Вспомните еще про личный кабинет: к Яндекс Турбо вы его ни за какие деньги не привяжите
Дизайн турбо-страниц везде одинаковый. Конкурс красоты, в плане приятного дизайна, привлекающего клиентов, турбо странички явно проигрывают. Попробуйте потыкать турбо-сайты и обычные сайты, какие из них ярче, заметнее, веселее?
Если у вас быстрый сайт, зачем вам турбо-страницы? Нужно быть отъявленным негодяем, чтобы пожертвовать конверсией сайта ради сниппета в поиске

и последний пункт, самый подозрительный:

Вы когда ни будь видели турбо-страницы на сайтах Сбербанка, Вконтакте или… Яндекс Плюс? Я тоже не видел.

Сайт plus.yandex.ru не использует технологию Яндекс Турбо

Летом 2018 года журнал Cosmopolitan подключил на свой сайт Яндекс Турбо. В конце года на searchengines.guru появилась новость – турбо-страницы увеличили на сайте cosmo.ru показатель СРМ (цена за тысячу показов) на 45% за 4 месяца.

Пользуется ли Cosmopolitan технологией Яндекс Турбо сейчас?

И да и нет.

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

Шах и мат Яндекс Турбо! Сниппет у тебя реально хорош.

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

Последние мысли о турбо-страницах

У Яндекса никогда не было проблем с идеями.

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

Но некоторым идеям IT-гиганта явно нужна перезагрузка. Яндекс турбо, например.

Тогда люди будут чувствовать себя счастливыми.

Этот ответ, как экстремальный коктейль – перемешаны боль, страдания и злоба:

На сайте психологов снизился трафик:

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

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

У меня все.

А как вы относитесь к Яндекс Турбо?

Вы отключили турбо-страницы Яндекса или только тестируете? Есть польза?

Напишите в комментариях.

«Как отключить навсегда Яндекс.Турбо?» — Яндекс Кью

Самый простой способ снять турбораму

artur79
11 мая 2022 г., 9:47

Привет, у меня есть форма, которая открывается в турбо-фрейме при нажатии кнопки «Добавить». В рамке есть кнопки Сохранить и Отменить . Какой самый простой способ просто удалить эту турбо-рамку на Отменить ? Я думаю, что я мог бы сделать это с помощью какого-нибудь контроллера стимулов и отправки турбо-потока или с дополнительным действием контроллера URL и rails, но, может быть, это возможно только с чистыми html/turbo_streams?

юнгиндиго
11 мая 2022 г. , 11:45

Вы можете сделать что-то вроде контроллера стимула, который можно щелкнуть, и он удалит элемент.
Или вы можете сделать это из ответа turbo_stream в контроллере, что может быть полезно, если вы хотите выполнить некоторые дополнительные действия перед удалением фрейма.

Юнгиндиго
11 мая 2022 г., 11:47

Вам не нужен какой-либо JS, чтобы сделать запрос, просто измените свою кнопку на ссылку и добавьте атрибут data-turbo-method

jmlagace
18 мая 2022 г., 13:00

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

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

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

Юнгиндиго
18 мая 2022 г., 16:54

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

Вот пример

 // сообщения/index.html.erb
<%= turbo_frame_tag :new_post, источник: :new_posts_path %>
// сообщения/new.html.erb
<%= turbo_frame_tag :new_post сделать %>
  // форма для поста
  <%= link_to "отменить", posts_path %>
<% конец%>

нажатие на ссылку для отмены приведет к простому перенаправлению на главную страницу и сбросу фрейма в исходное состояние

1 Нравится

Полукровка
20 декабря 2022 г. , 4:34

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

Справочник по турбонаддуву

Turbo Drive — это часть Turbo, улучшающая навигацию на уровне страниц. Он отслеживает клики по ссылкам и отправку форм, выполняет их в фоновом режиме и обновляет страницу без полной перезагрузки. Это эволюция библиотеки, ранее известной как Turbolinks.

﹟ Основы навигации по страницам

Turbo Drive моделирует навигацию по страницам как посещение в местоположение (URL) с действием .

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

Существует два типа посещений: посещение приложения , которое имеет действие заранее или заменяет , а восстановление посещает , у которого есть действие восстановление .

﹟ Посещения приложений

Посещение приложений инициируется щелчком по ссылке с поддержкой Turbo Drive или программным путем путем вызова Turbo.visit(location) .

Посещение приложения всегда вызывает сетевой запрос. Когда приходит ответ, Turbo Drive отображает свой HTML-код и завершает посещение.

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

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

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

Действие посещения по умолчанию: заранее . Во время предварительного посещения Turbo Drives помещает новую запись в стек истории браузера, используя history. pushState .

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

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

Чтобы указать, что переход по ссылке должен вызывать замену, добавьте к ссылке аннотацию data-turbo-action="replace" :

 Изменить

Чтобы программно посетить местоположение с действием замены, передайте действие : параметр «заменить» на Turbo.visit :

 Turbo.visit("/edit", { действие: "заменить" })

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

﹟ Восстановительные визиты

Turbo Drive автоматически инициирует посещение для восстановления, когда вы перемещаетесь с помощью кнопок браузера «Назад» или «Вперед». Приложения, использующие адаптеры iOS или Android, инициируют посещение восстановления при перемещении назад в стеке навигации.

Если возможно, Turbo Drive будет отображать копию страницы из кеша без запроса. В противном случае он получит свежую копию страницы по сети. Дополнительные сведения см. в разделе Общие сведения о кэшировании.

Turbo Drive сохраняет позицию прокрутки каждой страницы перед переходом и автоматически возвращается к этой сохраненной позиции при повторном посещении.

Посещения восстановления

имеют действие восстановления , и Turbo Drive резервирует их для внутреннего использования. Вы не должны пытаться аннотировать ссылки или вызывать Turbo.visit с действием restore .

﹟ Отмена посещений до их начала

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

Прислушайтесь к событию turbo:before-visit , чтобы получить уведомление о начале посещения, и используйте event.detail.url (или $event.originalEvent.detail.url при использовании jQuery) для проверить место посещения. Затем отмените посещение, вызвав event.preventDefault() .

Восстановительные посещения не могут быть отменены и не активируются turbo:before-visit . Turbo Drive выдает визиты для восстановления в ответ на навигацию по истории, которая имеет уже произошло , обычно с помощью кнопок браузера «Назад» или «Вперед».

﹟ Приостановка рендеринга

Приложение может приостановить рендеринг и выполнить дополнительную подготовку перед его выполнением.

Прислушайтесь к событию turbo:before-render , которое будет уведомлено о начале рендеринга, и приостановите его с помощью event.preventDefault() . После завершения подготовки продолжите рендеринг, вызвав event. detail.resume() .

Пример использования — добавление анимации выхода для посещений:

 document.addEventListener('turbo:before-render', async (event) => { 
 event.preventDefault()  await animateOut() 
  event.detail.resume() 
 })

﹟ Приостановка запросов

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

Прислушайтесь к событию turbo:before-fetch-request , которое будет уведомлено, когда запрос будет запущен, и приостановите его, используя event.preventDefault() . После завершения подготовки продолжите запрос, вызвав event.detail.resume() .

Пример использования — установка заголовка Authorization для запроса:

 document.addEventListener('turbo:before-fetch-request', async (event) => { 
 event.preventDefault()  const token = await getSessionToken(window.app) 
 event.detail. fetchOptions.headers['Авторизация '] = `Bearer ${token}` 
  event.detail.resume() 
 })

﹟ Выполнение посещений другим методом

По умолчанию при переходе по ссылке на ваш сервер отправляется запрос GET . Но вы можете изменить это с помощью data-turbo-method :

 Удалить статью

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

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

Turbo Drive можно отключить для каждого элемента, аннотировав элемент или любой из его предков с помощью data-turbo="false" .

 Отключено  
 
 . .. 
  
  
 
 Отключено 
  
 ...

Чтобы снова включить, когда предок отказался, используйте data-turbo="true" :

  
 Включено

Ссылки или формы с отключенным Turbo Drive будут нормально обрабатываться браузером.

Если вы хотите, чтобы Диск был включен, а не отключен, вы можете установить Turbo.session.drive = ложь ; затем data-turbo="true" используется для включения Диска для каждого элемента. Если вы импортируете Turbo в пакете JavaScript, вы можете сделать это глобально:

 импортировать { Turbo } из "@hotwired/turbo-rails" 
 Turbo.session.drive = false

﹟ Отображение прогресса

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

Индикатор выполнения включен по умолчанию. Он появляется автоматически для любой страницы, загрузка которой занимает более 500 мс. (Вы можете изменить эту задержку с помощью метода Turbo.setProgressBarDelay .)

Индикатор выполнения представляет собой элемент

с именем класса turbo-progress-bar . Его стили по умолчанию появляются в документе первыми и могут быть переопределены правилами, которые появятся позже.
Например, следующий CSS приведет к появлению толстого зеленого индикатора выполнения:
.turbo-progress-bar {
высота: 5 пикселей;
цвет фона: зеленый;
}
Чтобы полностью отключить индикатор выполнения, установите его стиль видимости на скрытый :
.turbo-progress-bar {
видимость: скрыто;
}
В тандеме с индикатором выполнения Turbo Drive также будет переключать атрибут [aria-busy] в элементе страницы во время навигации по страницам, начатой с посещений или отправки форм. Турбо драйв поставит [aria-busy="true"] , когда начнется навигация, и удалит атрибут [aria-busy] , когда навигация завершится.
﹟ Перезагрузка при изменении активов
Turbo Drive может отслеживать URL-адреса элементов активов в от одной страницы к другой и автоматически выполнять полную перезагрузку в случае их изменения. Это гарантирует, что у пользователей всегда будут самые последние версии скриптов и стилей вашего приложения.
Аннотировать элементы актива с помощью data-turbo-track="reload" и включите идентификатор версии в URL ваших активов. Идентификатор может быть числом, отметкой времени последнего изменения или, что еще лучше, дайджестом содержимого актива, как в следующем примере.

...

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

...

Этот параметр может быть полезен в качестве обходного пути для сторонних библиотек JavaScript, которые плохо взаимодействуют с изменениями страницы Turbo Drive.
﹟ Установка корневой папки
По умолчанию Turbo Drive загружает URL-адреса только одного происхождения, т. е. тот же протокол, доменное имя и порт, что и текущий документ. Посещение любого другого URL возвращается к полной загрузке страницы.
В некоторых случаях вы можете захотеть расширить область действия Turbo Drive до пути в том же источнике. Например, если ваше приложение Turbo Drive находится по адресу /app , а сайт справки, не относящийся к Turbo Drive, находится по адресу /help , ссылки из приложения на сайт справки не должны использовать Turbo Drive.
Включите элемент в ваших страниц, чтобы ограничить Turbo Drive определенным корневым расположением. Turbo Drive будет загружать только те URL-адреса того же происхождения, которые имеют префикс этого пути.

...

﹟ Подача формы
Turbo Drive обрабатывает отправку форм аналогично кликам по ссылкам. Ключевое отличие состоит в том, что отправка форм может выдавать запросы с отслеживанием состояния с использованием метода HTTP POST, в то время как клики по ссылкам всегда вызывают запросы HTTP GET без сохранения состояния.
Во время отправки Turbo Drive будет отправлять серию событий, которые
нацельтесь на элемент
и всплывайте через документ:
турбо: подача-старт
турбо: перед запросом на выборку
турбо: ответ перед выборкой
турбо: отправка-конец
Во время отправки Turbo Drive установит атрибут disabled элемента «отправитель» в начале отправки, а затем удалит этот атрибут после завершения отправки. При подаче
, браузер будет рассматривать элемент или