Меню

Настройка joomla 3 для мобильных

Joomla mobile – как создать мобильный сайт

Время на чтение: 5 минут

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

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

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

Как сделать адаптированную версию сайта, используя шаблон

Нет ничего проще, чем создать адаптивный сайт, используя специальный шаблон RT. Компания RT – это современный разработчик, каждый шаблон которого наверняка является PDA-версией – то есть адаптируется под любую ширину экрана. Чтобы ваш ресурс мог менять свою размерность и удовлетворял потребности пользователей с низкими разрешениями, вам достаточно скачать шаблон RT и установить его на движке Joomla.

Инсталлировать шаблон RT на движок – это плевое дело. Достаточно зайти в “Менеджер расширений” через админку, а оттуда пройти в раздел “Шаблоны”. Там вы сможете загрузить шаблон RT на хостинг, после чего пройдет инсталляция. Вам останется лишь активировать макет RT через админку в том же разделе “Шаблоны”. Учтите также, что порой мобильная версия сайта не включается по умолчанию. Зайдите в панель управления возможностями темы RT – там должно быть что-то сказано про активацию адаптивной версии сайта.

Как отключить PDA-версию сайта, предустановленную в шаблоне

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

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

Итак, чтобы окончательно отключить PDA-версию сайта, введите следующий код в responsive-файл шаблона:

Вам осталось только убрать знаки вопросов и вписать свое значение ширины ресурса – часто ставят параметр 1200px.

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

Компонент Mobile Joomla

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

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

Читайте также:  Настройки майл почты imap

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

Плагин Mobile Template

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

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

Плагин TapTheme

TapTheme работает аналогично предыдущему описанному плагину. Но если у вас возникли проблемы с установкой Mobile Template, то можете использовать TapTheme, как запасной вариант. Инструмент так же позволяет фильтровать различные устройства, а также изменять отображения в разных браузерах. Вам не нужно будет скачивать отдельный шаблон – вы сможете адаптировать уже установленный макет.

Источник

Mobile Joomla – настройка и создание адаптивного сайта

Время на чтение: 4 минуты

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

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

В данной статье будут раскрыты способы настройки Joomla Mobile, которые приведут к созданию адаптивного ресурса.

Как можно создать Joomla Mobile

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

Если же вы только недавно придумали свой проект, но еще не реализовали его, тогда настройка мобильной версии Joomla Mobile может обойтись для вас бесплатно! Для этого лишь достаточно установить фреймворк-шаблон, то есть тему оформления, которая автоматически будет адаптированной под разные устройства. Это наиболее удобный и менее трудоемкий вариант. Все, что вам нужно будет сделать – это отыскать подходящий шаблон, возможно зарегистрироваться где-нибудь и отправить подтверждение со своей почты – но это уже пустяки.

Если же вам не удалось найти бесплатную версию фреймворк-шаблона, то придется покупать тему. Обойтись это может больше 50 долларов. Зато у вас будет сайт, который в дальнейшем обязательно прорвется в выдаче, ведь поисковики все больше внимания уделяют именно адаптивным ресурсам, у которых нормальные настройки Joomla Mobile.

Читайте также:  Приложение для настройки роутера asus

Настройка адаптивной версии сайта при помощи плагинов

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

Недостаток такого способа внедрения Joomla Mobile – это наличие двух отличающихся по виду площадок. Так, пользователь зайдет к вам на сайт сначала с телефона, оставит адрес почты в форме рассылки. Потом ему придет письмо и он с почты перейдет к вам на ресурс уже с компьютера и не узнает его! Чтобы такого не случилось, вы должны максимально приблизить внешний вид и общие настройки адаптивного шаблона к параметрам основного. Похожим должно быть все: от формы для заполнения почты до шрифта и дизайна модулей.

Плагин Mobile Joomla

На данный момент это одно из лучших расширений, котором можно использовать для привязки адаптивного шаблона к основному. Чтобы установить его у себя на сайте, сначала зарегистрируйтесь на сайте шаблона: введите адрес почты, пароль и подтвердите регистрацию. Далее скачайте дистрибутивы расширения на компьютер. Следующий шаг – это установка плагина через админку Джумла. Сделайте это при помощи вкладки “Менеджер расширений”. Вместе с установкой этого плагина будут установлены одновременно четыре разных расширения, которые предназначены для создания адаптивной версии ресурса под различные устройства.

Далее вам предстоит изменить общие настройки плагина. Вы сможете настроить отображение под различные устройства, а также активировать переход на поддомены при условии входа пользователем на сайт со смартфона или планшета. Каждую версию сайта вы сможете настроить отдельно: изменить параметры адаптации изображений, способ изменения вида модулей и многое другое. В Интернете есть масса материалов по настройке плагина Mobile Joomla. Главное, что теперь вы знаете как адаптировать ваш сайт под различные девайсы.

Кроме плагина Mobile joomla, есть и другие расширения, способные сделать из вашего сайта гибкую платформу и для компьютеров, и для смартфонов. Некоторые рассчитаны только на определенные устройства, к примеру, плагин J! Admin Mobile рассчитан для входа на площадку через iPhone. Но вам это не понадобится – лучше сделать площадку массовой, чтобы на ней смогли сидеть пользователи с самых различных устройств. Такое может обеспечить плагин Tap Theme, который также создаст вторичную адаптированную тему.


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

Источник

Joomla, Google, оптимизация сайта для мобильных устройств и файл robots.txt

Вы получали от Google «письмо счастья» с уведомлением, что ваш сайт не оптимизирован для мобильных устройств и будет хуже ранжироваться в мобильном поиске Google? Если нет, значит, вы узнали эту новость от меня.

Пролог

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

Некоторое время назад Google прислал письмо следующего содержания:

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

Читайте также:  Настройка резкости экрана win 10

Посмотреть как Googlebot

Сегодня я снова зашел в личный кабинет для веб-мастеров Google. Мне на глаза попался раздел «Посмотреть как Googlebot». И я решил протестировать в нем сайт wedal.ru. Результаты оказались неожиданными:

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

«Роботу Google не удалось получить следующие ресурсы веб-страницы» – извините, а он что, пытался? А зачем? С картинками еще понятно, но зачем роботу JS-файлы и CSS-скрипты?

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

Запрет в robots.txt индексации JS и CSS файлов вашего сайта прямо мешает нашим алгоритмам проиндексировать его содержимое и может привести к неоптимальной оценке сайта.

Что это за robots.txt?

Для непосвященных. Robots.txt – файл, позволяющий ограничивать доступ к индексированию поисковыми системами тех или иных разделов сайта. Вот здесь неплохо описывается все, что связано с этим файлом.

«Ну хорошо» – скажете вы, – «А при чем здесь я и мой сайт на Joomla?». Некоторые читатели, думаю, уже догадались. Ответ ниже.

Robots.txt в Joomla

Каждая версия Joomla сразу после установки содержит файл robots.txt, запрещающий индексирование некоторых разделов сайта. Среди этих разделов есть, как вы уже, наверное, догадались, /templates, содержащий все CSS и JS-файлы всех используемых шаблонов Joomla, в том числе и того, который отображается у вас на сайте. Это значит, что Googlebot по умолчанию видит все Joomla-сайты «голыми», как на рисунке с wedal.ru, и, соответственно, применяет свое правило: «может привести к неоптимальной оценке сайта».

Что делать?

К счастью, в Joomla3.4 эта проблема уже решена. Но вот обладателям более ранних версий Joomla, а также тем, кто обновил более раннюю версию до последней версии Joomla 3.4 (при обновлении Joomla robots.txt не обновляется), необходимо внести исправления в файл robots.txt вручную. Этот файл находится в корне Joomla-сайта. Его оригинальное содержимое из Joomla 3.4, которым вы можете заменить ваше устаревшее, представлено ниже:

Как видите, из него исключены разделы templates, images и media.

Но есть и плохая новость. Многие разработчики сторонних расширений Joomla хранят их CSS и JS-файлы в папке расширений, т.е., соответственно, components, modules или plugins. Я бы советовал всем веб-мастерам и владельцам сайтов на Joomla, которым не безразлична SEO-судьба их проектов, добавить сайт в панель веб-мастеров Google и посмотреть на него глазами Googlebot’а в соответствующем разделе. Там будет показан список файлов, которые Googlebot не смог проиндексировать из-за запрета в robots.txt. Эти файлы нужно открыть для индексации, используя правила robots.txt.

И все-таки, зачем эти файлы Googlebot’у?

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

Источник

Adblock
detector