Содержание материала

Как сделать адаптивный шаблон.

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

Как сделать адаптивный шаблон joomla

 

Как сделать адаптивный шаблон joomla

Проверку шаблона на адаптивность можно сделать (удобней мне кажется).

https://www.google.com/webmasters/tools/mobile-friendly/

Перед тем как адаптировать шаблон joomla. Подумайте о том, что разработчики уже об этом подумали и сделали. Если в шаблоне protostar, тот который еще шел с версией joomla 3.00. это уже продуманно. Не говоря о версиях позже. Но почему же тогда скажите вы google ругается, как на скрине выше. А вспомните ранее когда вы читали инструкции по составлению файла robots.txt говорилось, что надо закрыть Disallow: /templates/. Закрыть для того, чтоб робот не тратил время. Ранее были другие времена про адаптивность шаблонов не было речи. Сейчас история изменилась. Но robots.txt остался старый и строчка Disallow: /templates/ .

Что мы делаем, убираем строку Disallow: /templates/ из robots.txt. Проверяем сайт еще раз на адаптивность шаблона. И google вас обрадует, что сайт адаптирован. Можно не заморачиваться. Также надо в index .php шаблона прописать, добавить тег viewport" в <head> шаблона
    <jdoc:include type="head" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

Как сделать адаптивный шаблон joomla

Далее в панеле вебмастера google идем в левом меню другие ресурсы, выбираем PageSpeed Insights. Сканируем он нам пишет что плохо. Нажимаем просмотр для компьютеров и в низу видим ссылку " Скачать оптимизированные изображения, ресурсы JavaScript и CSS для этой страницы"

Скачиваем, заменяем все файлы и картинки на те что скачали с google.  У некоторых начинается головная боль где найти эти файлы, начинают искать поиском и ручками. Мы сделаем проще, открываем файл MANIFEST и смотрим что где лежит. Там все пути до файлов написны. После всех этих движений google ругается, но значительно меньше. И позиции допустим с 50-60 поднимаются до 70-80 из 100. Это для мобильных, для компа больше.