Продолжаю тему оптимизации и ускорения своего основного сайта, и теперь настало время заняться очень важным вопросом: как сделать мобильную версию сайта для этого и других моих блогов? Хотя создать мобильную версию сайта для этого блога не нужно, тут адаптивный дизайн, а вот на других, более старых сайтах, такого нет.
Это очень важный этап оптимизации сайта, так как сегодня все больше людей имеют телефоны, смартфоны и планшеты, подключенные к интернету. И если на большом мониторе ваш сайт выглядит просто прекрасно, то на телефоне его, возможно, просто невозможно будет просматривать: шрифты будут ОЧЕНЬ маленькими, а дизайн будет СИЛЬНО перекошен. Человек сразу закроет сайт, а поисковая система поставит себе галочку: ОТКАЗ!
Как проверить сайт?
Это первый вопрос, который нужно поставить себе: как проверить, оптимизирован ли мой сайт для просмотра на маленьких экранах? Тут есть два подхода: доверить анализ специальному сервису или открыть свой сайт на том же телефоне (на большом планшете даже не оптимизированный сайт, скорее всего, будет вполне читабельным).
Начнём с сервиса, и воспользуемся инструментом от Google — developers.google.com. Вот какую печальную картину имеет мой сайт:
Как показано на картинке, мой сайт на смартфоне отображается так же, как отражался бы на обычном компьютере, и поэтому читать его будет ОЧЕНЬ трудно. К тому же, как сообщил мне Google, в шаблоне сайта есть элементы, которые мешают моему сайту быстро открываться на мобильных устройствах. И вот тут требуется пояснение.
Дело в том, что на мобильных девайсах обычно используется не очень быстрый интернет, у которого чаще всего ещё есть ограничения по трафику. И поэтому ожидается, что в мобильной версии будет меньше ненужного трафика.
Как решить проблему?
Тут есть несколько вариантов.
1. Оптимизировать данный шаблон, устранить ошибки и так далее
Это не получится, так как в предыдущих статьях я описывал свои мучения и на данный момент сделал все, что мог. Но что для русского хорошо, для немца смерть. Что для обычного сайта мелочи, то для мобильного сайта очень даже критично.
Например такой совет даёт Google: Используйте удобочитаемые размеры шрифтов. Некоторым посетителям будет сложно прочесть указанные ниже фрагменты текста на вашем сайте.
Как я это сделаю? Пока не знаю, как сделать так, чтобы сайт сам определял размер экрана и подставлял нужный шрифт. Хотя, если быть точным, я знаю как это называется:
2. Поставить адаптивный шаблон
Но для меня это тоже не выход, так как полностью менять шаблон сайта я не хочу, с этим я провозился слишком долго и он мне ОЧЕНЬ нравится. Может есть плагины, которые могут внести изменения в шаблон? Поискал, ничего не нашёл, предлагается только много адаптивных дизайнов. Как вариант, можно купить ПРЕМИУМ ШАБЛОН, такие шаблоны имеют много дополнительных функций и ОБЯЗАТЕЛЬНО такой шаблон будет адаптивным.
Вывод тут можно сделать такой: когда вы только начинаете делать свой сайт, то СРАЗУ выбирайте адаптивную тему. Как ещё можно решить мою проблему?
Если вам нравится ваш шаблон, но у вас не адаптивная верстка, то ОЧЕНЬ ХОРОШИМ ВАРИАНТОМ будет сделать его адаптивным. Чтобы сделать это своими силами нужно быть программистом, поэтому самым целесообразным решением будет заказать эту услугу у профессионалов.
За небольшую сумму вам профессионально настроят шаблон, устранят все ошибки и вам не нужно будет ничего кардинально менять. Такой адаптивный дизайн, как вы понимаете, поможет еще больше полюбить ваш сайт поисковиками, что увеличить его посещаемость.
3. Мобильная версия сайта
Многие серьёзные сайты решили эту проблему старым дедовским методом: создали мобильную версию сайта и разместили его на поддомене. Когда человек заходит на сайт, специальный скрипт определяет его устройство, и если обнаруживается, что оно мобильное, посетитель перебрасывается на поддомен с мобильной версией.
Решение правильное, то технически довольно сложное, и простые блогеры никогда им не пользуются (не встречал таких:). Это не подходит и мне, я не твиттер, не фейсбук и даже не вконтакте. Поэтому мне остаётся самый последний, но самый верный и простой вариант.
4. Как создать мобильную версию сайта проще всего?
Есть такие плагины, которые создают в папке с сайтом ещё один сайт, вернее специальный шаблон для него, который будет корректно показывать содержимое сайта на мобильных устройствах. Я как то ставил себе такой и в целом он работал неплохо. Потом я его удалил, так как в папку с этим шаблоном мне залили дорвей. Но сама идея была правильной. Теперь осталось выбрать лучший вариант такого плагина, так как их много. Поищем….
Установил плагин WordPress Mobile Pack (Mobile Switcher) и сразу всё улучшилось!
Вроде всё хорошо, и проблема решена, но….
1. Не отображается реклама, плагин её режет.
2. В подвале две внешние ссылки.
Если вторую проблему можно легко решить, то первую решить будет сложно. А как сами понимаете, если сайт живёт рекламой, то такой минус критичен.
3. На большом планшете показывает всё так же, как на телефоне, узкой полосой, хотя на таком экране и обычный дизайн смотрится нормально.
Ну что же, попробую поискать что нибудь получше.
Нашёл ещё один плагин, который раньше как раз у меня стоял — WP Mobile Detector. На нём реклама отлично показывается, хотя ссылки в подвале тоже есть. Да и к тому же не отображаются картинки на сайте, а это тоже очень плохо.
И вот я на я нашёл САМЫЙ лучший плагин для мобильной версии сайта — WPSmart Mobile. Из всех недостатков — это только ссылки в подвале, но мы их ведь можем убрать? Правда реклама осталась только в самой статье, но это мелочи, её можно встроить в сам мобильный шаблон, вечером займусь.
Что ещё прекрасно, что даже на планшете сайт выглядит отлично, как и на моём маленьком смартфоне. Не поленился и запустил Android на виртуальной машине, чтобы вам показать (о том, как установить андроид на виртуальную машину, можно прочитать ЗДЕСЬ.:
Ещё плагин имеет три варианта шаблонов, выбор не большой, но есть. Осталась мелочь — удалить ссылки в подвале, так, на всякий случай.
Тут оказалось все не так сложно. Идём в папку с установленным плагином и открываем файл base-functions.php — путь к нему: ВАШ САЙТ/wp-content/plugins/wpsmart-mobile/themes/base/base-functions.php
|
1 2 3 4 |
<div id="footer"> Site optimized for mobile devices by <a href="http://www.wpsmart.com/mobile">WPSmart Mobile</a> <a href="http://wordpress.org/">Proudly powered by WordPress</a> | <a href="#" id="view_full_site">View Full Site</a> </div> |
Удаляем этот кусок кода и все, ссылок в футере нет. Можно не удалять, а поставить свои ссылки. Но учтите, что при обновлении плагина всё, скорее всего, вернётся на круги своя. Или не обновляйте плагин, или всегда удаляйте.
ОЧЕНЬ ВАЖНО! В связи с тем, что google предъявляет теперь большие требования к мобильной версии сайта, именно ему нужно угодит. А он требует при своих тестах доступ в robots.txt к мобильному шаблону. Поэтому в robots.txt нужно ОБЯЗАТЕЛЬНО прописать:
|
1 |
Allow: /wp-content/plugins/wpsmart-mobile/themes |
Только после этого тест на мобильность будет успешен:
Вот так я решил проблему с мобильной версией сайта, надеюсь, что мой опыт пригодится и вам:)
Дальнейшая доработка плагина WPSmart Mobile
Так как этот плагин плотно вошел в жизнь моих сайтов, то решил тут дописывать, как я его допиливал, пригодится потом самому вспомнить, да и другим будет полезно.
ВАЖНО! После внесения изменений не обновляйте плагин, иначе вы потеряете все внесенные изменения!
Центровка картинок. Изначально картинки в шаблоне прижимаются к левому краю. На планшете это некрасиво. Нужно вот эту секцию в css привести к такому виду:
|
1 2 3 4 |
body img { display: block; margin: 0 auto; } |
Андрей, ты просто молодец. Все статьи — огонь! По поводу темы я все-таки склоняюсь к адаптивному шаблону. Тем более не обязательно на новый менять. Достаточно внести некоторые изменения в css и все будет адаптивно-мобильново!
Спасибо, согласен, что адаптивный дизайн — это новое веяние, а я сайт давно делал. А вот что внести в шаблон я пока не знаю, где можно почитать, не знаешь?
Могу посоветовать курсы Бернацкого. У него много чего есть под мобильные. Недавно вышел курс специально для вордпресса. Скачать можно здесь — _nnm-club.me/forum/viewtopic.php?t=763502
Спасибо, скачаю сегодня, гляну. Мне бы вообще неплохо выучить бы php, давно хочу, время нужно найти, интуитивно уже стал понимать многое в процессе ковыряния.
Сейчас столько бесплатных компонентов, что вполне достаточно интуитивного уровня знания PHP.
А что за дорвей залили вместе с шаблоном? И что он такого плохого делал?
На некоторые сайты в разные места залили форумы левые с кучей внешних ссылок, я писал тут как то: http://prostolinux.ru/kakoj-xosting-luchshe-vybrat/
Залили в разные папки, в том числе и в папку с мобильным шаблоном, уже это был второй раз, я крепко ругался с хостерами.
Я теперь вообще закрыл в robot.txt все что можно. Кстати, и права на папку изменили, что я даже через ftp не видел, что в ней что то есть, как бы пустая, а весит много. Вот так:(
Совсем забыл.. Есть еще специальные фраемворки. Лучший из них — твитер бутстрап. Добавляешь в шаблон файл css, затем присваеваешь определенные классы нужным дивам. И все. У тебя респонсив-шаблон. Как это получилось с простолинукс — смотри здесь. Потратил минут 5 от силы. https://www.youtube.com/watch?v=ttd2TWm_VSc
Нужно обратить внимание, стоит ли делать под мобильные. Если тематика создание сайта и подобные, то навряд ли посетитель будет с мобильника интересоваться. К тому же, если поставить виджеты с соц сетей и прочие прелести, то загрузка на мобиле будет хоть заадаптируйся медленной =)
Я делаю адаптивные сайты, но основной упор идет на просмотр с планшетов 600px. Для смартфонов тоже размеры установлены, но особо не удручаюсь. У дочери со смартфона смотрел, нормально грузится. А допотопные мобилы в утиль пусть выкидывают вместе с ИЕ браузером древних версий=)
Могу только добавить — этот гугл сервис перестраховщик, ему дай волю так нормой будет одна черная буква на экране, а все что за букву вылезает, то замедляет работу его ботов =))
У меня на сайте показывает 69% для мобильника и просит
Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение
Ага, щас всё брошу и выпилю файлы стилей и мизерный кусочек скрипта, который отображает меню для того же смартфона =))) Не заморачивайтесь сильно =)
Согласен, тематика сайта важна и адаптивный дизайн дело полезное. Но если сайт старый и шаблон тоже не адаптивный, то переделывать его в адаптивный не так просто, проще поставить плагин, как сделал я на своём сайте про Linux http://prostolinux.ru/
Очень качественная статья, оптимизируем сайты данным методом на progard.ru .
К сожалению сильно все затормаживают метрики и социальные иконки.
Больше всего тормозят виджеты социальных сетей, я их на основном сайте вообще убрал, толку мало, а тормозят сайт — да. Тут тоже уберу, притока через них в группы нет, только замедляют загрузку страницы.
Кстати, рекламу в этот шаблон нужно вставлять отдельно и желательно узкие блоки, лучше квадраты 300X250 или около этого, так как на маленьком экране большие блоки уходят за экран.
Progard.ru на себя наговаривают, они делали нам сайт, там есть ссылки на социальные сети, ничего не виснет. Еще раз спасибо. Я рассматриваю как обычный пользователь это. Поверьте, если вы тратите свои силы на какие-то доли секунд загрузки, заказчику это не так важно, а вот ссылки социальные — важно.
Кстати, а что нужно внести в css, чтобы шаблон стал адаптивным? Все ли так просто?
Вы не рассказали как установить плагин WPSmart Mobile на сайт
Да очень просто, это же плагин WordPress WPSmart Mobile. Заходите в админку вордпресса — Плагины — Добавить новый. В поиск вбиваете слово WPSmart Mobile и устанавливаете плагин. И все. Потом настройки, как я описал, если хотите.
Спасибо. Вы мне очень помогли. Я уж думала что это катастрофа, что сайт не адаптирован для мобильных устройств. А тут можно оказывается плагином обойтись))) Для меня это сейчас самый подходящий вариант, так как что и где надо прописывать в коде, я понятия не имею. Ещё раз спасибо. И успехов вам)
ДА не за что, я сам на все свои сайты установил этот плагин, очень удобно и просто. Кстати, что то у вас много «собачек» в группе вконтакте, лучше их удалить. И это облако тегов тоже вещь бесполезная, только грузит процессор.
Здравствуйте! Хочу оптимизировать сайт для мобильных устройств. Могу ля я установить WPSmart Mobile через CPanel? Или как это сделать? никак не разберусь. Спасибо!
Если у вас WordPress, то нужно зайти в пункт ПЛАГИНЫ — ДОБАВИТЬ НОВЫЙ и в строке поиска набрать название плагина, а потом нажать ENTER. Потом устанавливаете его и все.
Хочу спросить, а есть возможность в этом плагине, сайт показывать целиком с шапкой и всем остальным?
Палю тему, которую подметили наши зарубежные братья по разуму. Социальные сети – это прообраз будущего мобильного Интернета.
> Меньше букв;
> Красивая картинка, видео и т.п.;
> Больше фокусировки на главном.
Я пытался об этом спросить Андрея Липатцева из GoogleRussia, но ответ получился достаточно отдалённым от сути (http://goo.gl/CFiuf0)
В тоже время, очевидно, что контент мобильной версии сайта должен быть гораздо короче чем у десктопной. Именно поэтому, если планируется работать с мобильными пользователями вплотную, стоит думать в направлении создания мобльного сайта по отдельному адресу, чтоб публиковать разную форму контента.
Ну а простейшим вариантом адаптации сайта под мобильные устройства – отключить таблицы стилей. Сергей Кокшаров проводил такой эксперимент (http://goo.gl/eRchOm) — тема работает! Я его вариант просто допилил до более-менее рабочего решения (http://goo.gl/F9P58a). У Google всего 4ри критерия по MobileFriendly:
> используйте удобочитаемые размеры шрифтов;
> увеличьте размер активных элементов на странице;
> настройте область просмотра;
> адаптируйте размер контента для области просмотра.
Если установлено кеширование, мобильная версия не всегда срабатывает. Кто нибудь сталкивался с этим?
Тут нужно смотреть, что за плагин кеширования стоит, у меня было такое, нашел плагин, в котором был пункт об этом и все стало работать как нужно. Кажется это был плагин hyper cache, если не ошибаюсь, сейчас не использую просто.
Очевидно, что для мобильной версии сайта необходимо создавать отдельный кэш. При этом должна постоянно срабатывать проверка устройства на котором просматривается сайт. К слову, анализ User-Agent действительно не простая задача. Учесть все варианты достаточно сложно, т.к. их очень много. Поэтому обычно фокусируются на основном наборе.
Убрать ссылки из подвала мобильной версии можно в этой файле /wp-content/plugins/wpsmart-mobile/themes/base/base-functions.php
Кто знает, мобильная версия сайта делается по какой сетке? Тут такой вопрос задали, а я и не знаю, что даже ответить?
Если есть сайт мобильный версия просто необходима, но я бы рекомендовал для новичков именно мобильную версию, а не адаптивный дизайн, так сделать намного проще, да и проще настроить рекламу в мобильной версии, чем в адаптивном дизайне, там придется ставить адаптивные блоки, а они не очень доходные.
Здравствуйте!
Спасибо за статью. Скажите, можно ли установить тот плагин на сайт не на Вордпресс? Если нет, какую схему создания мобильной версии порекомендуете?
Нет, нельзя. Может для вашей CMS тоже есть подобные плагины? А вообще, нужен просто адаптивный дизайн для сайта, это можно реализовать на любом сайте.
Спасибо за ответ! Там нед движка. Сайт просто написан SHTML. Значит, остается, адаптивный дизайн….А посоветуйте материалы по этой теме — где почитать как этот адаптивный дизайн лучше сделать?
Думаю, что лучше обратиться к программисту, так как это нужно вносить в код, возможно, серьезные изменения, я даже не знаю, что и посоветовать, разве что биржи фриланса, где вам могут помочь — не бесплатно, конечно.
Установил,но реклама не отображается,что делать?
Не отображается реклама в мобильной версии? Нужно добавить ее в файлы шаблона wp-content/plugins/wpsmart-mobile/themes/classic
Установила плагин WP Smart Mobile, теперь на developers.google.com выдает, что страница оптимизирована для мобильных устройств! Я обрадовалась, действительно, на мобильном стало выглядеть все иначе, НО при переходе из соц сетей по ссылке на определенную статью сайта, выдает ошибку 404. Появилось 10 внешних ссылок, при переходе по ссылке, которую Вы рекомендуете для исправления, пишет сервер не доступен. Да, что ж за невезуха такая! :)
Зайдите со смартфона просто на сайт и посмотрите, как он выглядит. По идее должно все работать, у меня на всех сайтах этот плагин стоит. Могу скинуть свою версию, если хотите, загрузите через ftp, только нужно будет почистить от моих счетчиков и скриптов рекламы, хотя так вы даже увидите, куда их нужно ставить ;) Вот если что мой плагин https://yadi.sk/d/BNZkv0ZkqAwfd
И еще совет: не обновляете плагины, которые вы доводили до ума или русифицировали, так как все теряется при обновлении.
Андрей, спасибо, разобралась в чем проблема была! Про обновления поняла, учту. Теперь буду искать ответ на вопрос, как убрать появившиеся внешние ссылки, раз Вашим методом не получается. Если не получится, уж, не серчайте, опять к Вам обращусь. Не прогоните, надеюсь! :)
Андрей, все-таки пришлось еще раз обратиться к Вам. Помогите найти заданный путь в папку с установленным плагином, чтобы убрать внешние ссылки. Я заходила в консоль и слева в списке зашла в папку WPSmart, далее в Themes, но файла base-functions.php там нет, там просто темы версии. Заходила в настройки плагина, тоже не нашла. Набирала путь к нему: ВАШ САЙТ/wp-content/plugins/wpsmart-mobile/themes/base/base-functions.php — не отображает. Обшарила всё вдоль и поперек. :) Объясните для чайников, где этот путь спрятался :)
Зайти нужно на хостинг через FileZilla как раз по этому адресу wp-content/plugins/wpsmart-mobile/themes/base/base-functions.php и там все есть.
Я пробовал пару плагинов. Сначала всё было хорошо, но потом они стали глючить. Один из них мой сайт убил. А второй (на другом сайте) перестал работать на мобильных устройствах, зато иногда отображал мобильную версию на компах. В общем лучше заморочиться с изменением адаптивного шаблона, либо же за денюшку заказать у фрилансеров.
Не лучше. Опыт показывает, что мобильная версия сайта НАМНОГО легче получается адаптивного дизайна. Для мобильной версии проще сделать отдельную рекламу. Плагин, который я описал, работает уже очень долго на всех моих сайтах, и проблем нет. Может не то ставили или не так?
Думаю, что на посещаемость это мало повлияет. Проверял на developers.google.com мега сайты с посещаемостью от 100К в сутки и результат 41/100 — 46/100. В частности http://kinogo.co/, http://kinokrad.net/ и плевать они хотели на PageSpeed Insights. Создается такое впечатление, что все эти рекомендации от ПС делаются с целью запутать конкурентов. Платоны вообще замолчали, когда стал вопрос по поводу ихних правил в области спама и сателлитов. Те мальчики и девочки, которые сидят в поддержке Яндекс никакого отношения к программам и алгоритмам не имеют. А вот программисту, который непосредственно занимается написанием этих самых алгоритмов, ничего не стоит вставить в программу код о котором знает только он (или они) и затачивать нужные сайты под этот код. ИМХО. Иначе как можно объяснить тот факт, что сайту 2 месяца от роду с нулевыми показателями ТИЦ и PR, а посещаемость зашкаливает за 200К уников в сутки только с поисковых систем?
Вопрос еще в том, какая у них посещаемость в мобильной выдаче, ведь вы смотрели результаты в десктопном поиске? А что за сайт такой, который так зашкаливает?
nimblechef.ru На этот сайт Яндекс лил трафик беспредельно пока вебмастера не начали писать Платону и только после этого они решили не напрягать обстановку и поставили всё на свои места. Таких сайтов очень много, но не каждый будет анализировать, на это и расчет. Для интереса наберите в поиске яндекс просто kinogo и вы увидите с пару десятков сайтов одного и того же содержания и даже дизайна с разницей лишь в URL. Среди всего этого хлама нет ни одного, который бы отвечал тем стандартам, о которых все так много наслышаны. Начиная с парнерок (кликандеры) и заканчивая оптимизацией.
На kinogo я сам захожу иногда и мне кажется он в закладках у многих, и как узнать, откуда у него трафик, ведь никто не имеет доступ к их статистике, она у них закрыта?
https://xtool.ru/trust/?site=kinogo.co Посмотрите «Поисковый трафик с Google» и добавьте раза в два больше с Яндекс (как миниму ) плюс закладки 20 — 30%
Ну да, сайт подключен к партнерке, где вход с не менее 30.000 в сутки. Но не думаю, что Яндекс как то дает ему траф специально, хотя не исключаю, у них на домен ссылок с 2200 доноров, если они естественные (вдруг), то ПСЫ будут любить такой сайт, к тому же поведенческие там идеальные, так как люди на сайте сидят не один час, смотря кино. И фильмы у них не с Ютубу вставлены, а на своих серверах, что ОГРОМНЫЙ плюс.
Добрый день!
После обновления WPtouch столкнулся с такой проблемой, что при загрузке мобильной версии сайта из всех превьюшек статей он показывает только 3, а остальные просто датами. Не знаю теперь как решить. В десктоп версии таких проблем нет. Это только в мобильной.
Может кто знает и подскажет? Заранее благодарен!
Лично я использую WPSmart Mobile на всех своих сайтах и вам советую, там таких проблем нет, По вашему плагину не могу сказать, так как он у меня не стоит.
Воспользовался этим плагином! Реально очень хороший. Спасибо Вам большое. Выручили.
Если по нему будут вопросы, то спрашивайте, его я уже достаточно изучил ?
Спасибо тебе добрый человек. Вот уж выручил. Всё думал как бы сделать получше, копался и набрёл на эту страницу. Два дня посидел и сотворил для двух сайтов мобильные версии, со своими логотипами и меню. Убрал лишнее, кое-где на русский язык переписал, типа — «загрузить ещё записи». Вот думаю оставить или убрать ссылку которая даёт возможность просмотра не мобильной версии сайта. На одном сайте убрал, на другом пока думаю. А вообще аж настроение поднялось, как кошерно всё получилось. Главное всё чётко, ясно и в минималистическом стиле, но при этом всё самое необходимое, потому что есть возможность самому меню скомпоновать непосредственно по ссылкам страниц.
Да не за что, рад был помочь ?
Достаточно полезная статья! . Я как-то задумалась, как адаптировать свой сайт под мобильную версию. Пробовала сама, почему — то не получилось. Поэтому начала искать профессионала. После долгих поисков один знакомый посоветовал сайт, на котором и сам заказывал данную услугу. На сайте все подробно и понятно расписано о данной услуге. Я сделала адаптацию сайта в тот же день: 15 декабря сделала заказ, а 17 уже получила результат. Как мне кажется, цены там доступные, зато результат заметен. Теперь мой сайт одинаково хорошо открывается на любом устройстве, а соответственно и увеличилась посещаемость, не у всех ведь есть возможность заходить с компьютера! Если кому интересно и у вас так же как и у меня не получилось — вот сайт — http://www.mobile-version.ru/ .
Спасибо за рекомендованный плагин! Установил на два сайта, работает. Ссылки тоже убрал, спасибо. Миниатюры правда коряво отображает на андроиде ZTE (резаные какие-то), но то полбеды, главное что гугл уже не ругается.
У меня такой вопрос, как заголовок сделать адаптивным (на андроиде его смещает вниз)?
У меня тоже стоит плагин кеширования hyper cache. Какие туда необходимо внести настройки или чем аналогичным заменить?
Нужно просто сайт в мобильной версии коротко назвать, чтобы вмещалось на телефоне, я так сделал и все нормально.
Там нужно поставить для мобильной версии отдельное кэширование и все.
Здравствуйте! Подскажите где можно заказать мобильную версию?
Поставьте просто плагин, что описан в статье. Где заказать не знаю, я не разработчик.
Как оказалось очень важно выбирать вид кэширования обычный html кэш, иначе в кэшированной версии url перестает перенаправляться со страницы со страницы без слэша на конце на страницу со слешэм и получается дубль страницы.
хорошая статья
Выполняете ли Вы работу по адаптации на платной основе?
Я не программист, но могу порекомендовать моего хорошего знакомого https://dolinacoda.ru/ он хорошо в этом разбирается.