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

Мобильный сайт на другом адресе

Как создать мобильный сайт на другом домене (поддомене) m.site.com

Вообщем есть у моих клиентов сайты, скажем так уже готовые. Один из них по строительной тематике, сайт работает с 1998 года сайт на PHP disa-ceramica.com.ua , второй по салону красоты sweet-home.net.ua, поднимал его я, но он на чистом HTML.

Как-то раз, я нашел в интернете статью, где было сказано:

В официальном блоге компании Google была анонсирована новость о том, что с 21 апреля 2015 года поисковая система будет отдавать приоритет в выдаче веб-ресурсам с адаптивным дизайном. Как утверждают представители компании, качество поиска, в данном случае, ни в коей мере не пострадает. Источник

И вот тут меня осенила мыль. что для SEO моих сайтов такая штука полезная, да и у моих конкуретов не у всех такое пока есть…Вообщем пришла мне в голову мысль сделать для этих сайтов мобильные версии.

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

Перелопатил весь интернет в поисках решения через адаптацию CSS3 и все такое, заработало…Но как-то очень уж криво(

Сразу хочу сказать, что не считаю себя каким-то там гуру по созданию сайтов…Так, больше любитель и дилетант 😉

Далее пошел, как говорится методом тыка и да. нашел решение) Вообщем распишу по шагам как я добился вот таких результатов:

http://m.disa-ceramica.com.ua/ и http://m.sweet-home.net.ua

 

DISA

 

 

 

 

 

sweet-home

 

 

 

 

 

 

Альтернативный способ реализации мобильной версии

1 Шаг

Если нет своего сайта или он еще не лежит в интернете то регистрируемся на сайте, предоставляющего услуги хостинга, к примеру ukraine.com.ua

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

2.Шаг

Создаем домен https://www.ukraine.com.ua/domains/

1

 

 

 

 

и создаем поддомен (домен 2-го уровня), к примеру

m.site.com

9

 

 

 

 

 

 

 

или

10

 

 

 

 

 

 

12

 

 

 

 

 

 

 

 

https://adm.tools/hosting/account/virtual/?accid=14314

 

 

 

11

 

 

 

 

 

 


3.Шаг

Создаем базы данных

2

 

 

 

 

 

3

 

 

 

 

4

 

 

 

 

причем баз данных должно быть 2, под основной сайт и под мобильный, к примеру:

-site

-mobile

 

Должно на сервере выглядеть так

21

 

 

 

 

 

4.Шаг

Как установить DLE

Устанавливаем любую версию DLE (DataLife Engine)

Ее можно скачать отсюда DLE_UTF8

5.Шаг

Устанавливаем движок DLE на сайт

5

 

 

 

 

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

Папка сайта называется www

Папка мобильного сайта m

7

 

 

 

 

 

 

или

 

8

 

 

 

 

 

 

 

загружаем из папки DLE папку upload

13

 

 

 

 

 

 

В итоге вы должны видеть такую картинку на мониторе

14

 

 

 

 

 

 

Далее открываем новое окно и пишем туда адрес своего сайта с приставкой /install.php

www.site/install.php

15

 

 

 

 

 

 

Кликаем на кнопку продолжить пока не дойдем до этого окна

16

 

 

 

 

 

 

Возвращаемся на хостинг, к нашим базам данных

https://adm.tools/hosting/account/mysql/databases/?accid=75920

и выписываем в аналогичные поля. чтоб выглядело как-то так

17

 

 

 

 

 

 

Заканчиваем установку .удаляем папку install и заходим в админку

5.шаг

Вход на сайт мобильная версия

ссылка имеет такой формат http://m.site.com/admin.php?mod=options&action=options

наш мобильный сайт m.site.com почти готов

осталось его настроить

18

 

 

 

 

 

 

Заходим в меню «Настройка системы» потом в первой вкладке по умолчанию ставим версию smartphone

19

 

 

 

 

 

 

потом включаем функцию картинок кликнув по вкладке с мобильником на пиктограме

20

 

 

 

 

 

 

6 Шаг

Настраиваем мобильный шаблон

Заходим в папку site/templates/smartphone/

находим файл main.tpl и меняем его содержимое

 

потом заходим в папку CSS , открываем файл style.css

и меняем на это

Теперь у вас точная копия мобильного сайта салона http://m.sweet-home.net.ua

Садимся. меняем все ссылки под свои. страницы создаем в разделе «Статические страницы»

/admin.php?mod=static

22

 

 

 

 

 

 

7.Шаг

Проверяем как работает Ваша мобильная версия с помощью этого инструмента

https://developers.google.com/speed/pagespeed/insights/

8.Шаг

«Привязываем» основной сайт к мобильному

Вот этот код нужно разместить на каждой странице сайта в разделе <head> … </head>, с аналогичными ссылками

Код пивязки сайта к мобильной версии

так же. следуя рекомендациям от Google «говорим» роботам про мобильную версию

Все

 

Так же можно поменять меню на какое-то из этих

 

В принципе, если Вам влом все это проделывать, или ничего не получилось, то вот есть еще одна альтернатива

Так же проверяем тут

 

Обсуждаем эту статью на форуме