Как сделать мобильную версию сайта?

Друзья, сегодня мы разберемся с вопросом - как сделать мобильную версию сайта Joomla. На сегодняшний день данный вопрос актуален по причине увеличения влияния пользовательских факторов на ранжирование сайтов. Это связано с тем, что у многих пользователей интернета появляются смартфоны, которыми многие пользуются для просмотра сайтов в т.ч. Чтобы сделать сайт удобным для просмотра пользователями на смартфонах возникает потребность создать облегченную версию сайта (мобильную, PDA версию сайта). Если пользователю удобно просматривать такую версию сайта на смартфоне, значит он подольше задержится на сайте и, возможно, прочитает что-то еще. Иными словами, посетитель не станет сразу уходить из-за неудобного просмотра. В итоге, создавая мобильную версию сайта мы улучшаем внутреннюю оптимизацию и положительно влияем на факторы трастовости сайта в целом.

Как сделать PDA версию сайта на Joomla с помощью компонента?

Хочу рассказать Вам об одном компоненте, которым пользуюсь, но очень хорошем - это Mobile Joomla! Этот компонент хорош тем, что он бесплатен, создает мобильную версию сайта для разных типов смартфонов (WAP, XHTML, iPhone, iMode) с возможностью создавать соответствующие поддомены. Но создавать поддомены вовсе не обязательно и это огромный плюс для данного компонента.

Единственным минусом является реклама в мобильной версии сайта. Но с этим можно справиться довольно просто. После установки нужно пройти в админке по следующему пути: Расширения - Шаблоны -выбираем Mobile_PDA. Потом открываем его, жмем кнопку "Редактировать HTML" и находим ближе к концу файла строку:

// The user has installed plug-in to remove ads

Сколько я ни таращился в плагины, так и не смог убрать рекламу. Поэтому, удаляем следующие строки:

<div>
 <script type="text/javascript">
 //<!--
 /* <![CDATA[ */
 window.googleAfmcRequest = {
 client: 'ca-mb-pub-5710199815985059',
 format: '320x50_mb',
 output: 'html',
 slotname: '1896811186'
 };
 /* ]]> */
 //-->
 </script>
 <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_afmc_ads.js"></script>
 </div>

Сохраняем. Реклама исчезнет, по крайней мере, на моем HTC она перестала отображаться.

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

Скачать компонент Mobile Joomla! можно по ссылке -  http://extensions.joomla.org/extensions/mobile/mobile-display/11722

Как сделать PDA версию сайта Joomla без установки компонентов?

Если Вы не профессиональный програмист, то PDA версию Joomla можно реализовать с помощью шаблонов. Например, шаблон you_shop от Gavick.com имеет такую возможность. При посещении сайта со смартфона, сайт автоматически отображается в PDA режиме. Шаблон достаточно красивый и удобный, имеет много полей. Даже страницы товаров в интернет магазине на Joomla Virtuemart отображаются удобно.

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

• Назад
• Вперёд