Мобільна версія готового сайту

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

Мобільний сайт на іншій адресі

Як створити мобільний сайт на іншому домені (піддомені) 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 і заходимо в адмінку

Мобільна версія готового сайту Крок 6

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

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

наш мобільний сайт m.site.com майже готовий

залишилося його налаштувати

18

 

 

 

 

 

 

Заходимо в меню «Налаштування системи», потім у першій вкладці за умовчанням ставимо версію smartphone

19

 

 

 

 

 

 

потім вмикаємо функцію картинок клікнувши по вкладці з мобільним телефоном на піктограмі

20

 

 

 

 

 

 

Крок 7

Налаштовуємо мобільний шаблон

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

знаходимо файл main.tpl та змінюємо його вміст

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
{headers}
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;"/>
<meta name="msvalidate.01" content="E67C7ABE1EADC3B9F38DC9880DD0574B" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, maximum-scale=1" />

 <!-- Vk -->
 <meta property="og:type" content="website">
 <meta property="og:url" content="http://www.sweet-home.net.ua/">
 <!-- <meta property="og:image" content="http://azbikf.com.ua/graphics/like/1azbikf.png" /> -->
 <meta property="og:image" content="http://www.sweet-home.net.ua/images/salon/vk.jpg" />
 <meta property="og:title" content="Воплощаем Вашу мечту в жизнь! Парикмахерский зал, косметология, подология, все виды массажа." />
 <meta name="description" content="Комфорт клиента для нас превыше всего. Лучший салон на Лукьяновке ул. Мельникова 12, тел. (044) 483-67-24" />
 <!-- Vk -->

 <!-- google + -->
 <meta itemprop="name" content="http://www.sweet-home.net.ua/"/>
 <meta itemprop="description" content="Комфорт клиента для нас превыше всего. Лучший салон на Лукьяновке ул. Мельникова 12, тел. (044) 483-67-24. Парикмахерский зал, косметология, подология, все виды массажа."/>
 <meta itemprop="image" content="http://www.sweet-home.net.ua/images/logo.png"/>
 <!-- google + -->

 <!-- twitter -->
 <meta name="twitter:card" content="photo">
<meta name="twitter:site" content="@SweetHomeKiev">
<meta name="twitter:creator" content="@SweetHomeKiev">
<meta name="twitter:title" content="Воплощаем Вашу мечту в жизнь! Парикмахерский зал, косметология, подология, все виды массажа.">
<meta name="twitter:description" content="Комфорт клиента для нас превыше всего. Лучший салон на Лукьяновке ул. Мельникова 12, тел. (044) 483-67-24">
<meta name="twitter:image:src" content="http://www.sweet-home.net.ua/images/salon/vk.jpg">
<meta name="twitter:url" content="http://www.sweet-home.net.ua/images/salon/vk.jpg" >
 <!-- twitter -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="canonical" href="http://www.sweet-home.net.ua/index.html" >
<style type="text/css" media="all">
@import url({THEME}/css/style.css);
</style>
<style type="text/css" media="all">
@import url({THEME}/css/engine.css);
</style>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"> </script>
</head>
<body>
<script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

 ga('create', 'UA-59617205-2', 'auto');
 ga('send', 'pageview');

</script>
{AJAX}
<div id="header">
 <center><a href="/"><img src="http://www.sweet-home.net.ua/images/logo.png" alt="Логотип салона красоты Sweet Home" /></a></center>
 <div class="description">
 <br>
 <center>
 <div class="mini-menu">
 <ul>
 <li>
 <a href="/">Главная</a>
 </li>
 <li>
 <a href="http://m.site.com/o-nas.html">О Нас</a>
 </li>
 <li class="sub">
 <a href="#">Услуги и цены</a>
 <ul>
 <li><a href="http://m.site.com/kosmetologiya.html"><b>Косметология:</b></a>
 <li><a href="http://m.site.com/kosmetologiya-dlya-dam.html">Косметология для женщин</a>
 <li><a href="http://m.site.com/kosmetologiya-dlya-muzhschin.html">Косметология для мужщин</a></li>
 <li><a href="http://m.site.com/inekcii-krasoty-dlya-dam.html">Инъекции красоты для дам</a></li>
 <li><a href="http://m.site.com/vizazh-i-makiyazh-na-lukyanovke.html">Визаж и макияж</a></li>
 <li><a href="/"><b>Парикхмахер:</b></a></li>
 <li><a href="http://m.site.com/parikhmaher-zhenskiy-zal.html">Парикхмахер женский зал</a></li>
 <li><a href="http://m.site.com/parikmaherskiy-zal-dlya-muzhchin.html">Парикхмахер мужской зал</a></li>
 <li><a href="http://m.site.com/parikhmaher-detskiy-zal.html">Парикхмахер детский зал</a></li>
 <li><a href="http://m.site.com/nogtevoy-servis-dlya-zhenschin.html"><b>Ногтевой сервис:</b></a></li>
 <li><a href="http://m.site.com/nogtevoy-servis-dlya-zhenschin.html">Ногтевой сервис для женщин</a></li>
 <li><a href="http://m.site.com/nogtevoy-servis-dlya-muzhschin.html">Ногтевой сервис для мужщин</a></li>
 <li><a href="http://m.site.com/nogtevoy-servis-dlya-detey.html">Ногтевой сервис для детей</a>
 <li><a href="/"><b>Дополнительно:</b></a></li>
 <li><a href="http://m.site.com/podologiya-na-lukyanovke.html">Подология</a></li>
 <li><a href="http://m.site.com/massazh-na-lukyanovke.html">Массаж</a></li>
 <li><a href="http://m.site.com/master-klass-po-pricheskam-na-lukyanovke.html">Мастер-классы</a></li>
 </ul>
 </li>
 <li>
 <a href="http://m.site.com/akcii-salona-krasoty-sweet-home.html">Акции</a>
 </li>
 <li>
 <a href="http://m.site.com/galereya-salona-krasoty-sweet-home.html">Галерея</a>
 </li>
 <li class="sub">
 <a href="#">Мы в соцсетях</a>
 <ul>
 <li><a href="https://m.vk.com/salonkrasysweethome" target = "blank">Вконтакте</a></li>
 <li><a href="https://m.facebook.com/sweethomesalon?ref=hl" target = "blank">Facebook</a></li>
 <li><a href="http://m.ok.ru/group/53394956353789?st.cmd=altGroupMain&st.groupId=53394956353789" target = "blank">Одноклассники</a></li>
 <li><a href="https://m.twitter.com/SweetHomeKiev" target = "blank">Twitter</a></li>
 <li><a href="https://plus.google.com/u/1/b/100476495181930544668/dashboard/overview" target = "blank">Google+</a></li>
 <li><a href="https://instagram.com/salonsweethome/" target = "blank">Instagram</a></li>
 <li><a href="https://ru.foursquare.com/v/салон-красоты-sweet-home/5499ef3e498ef7f11a4b5967" target = "blank">Foursquare</a></li>

 </ul>
 <li class="sub">
 <a href="http://m.site.com/index.php?do=feedback">Контакты</a>
 <ul>
 <li><a href="https://www.google.com.ua/maps/place/Sweet+Home/@50.4648061,30.4784292,17z/data=!4m2!3m1!1s0x0:0xf378ad042612c65" target = "blank"><b>ул. Мельникова 12</b></a>
 <li><a href="tel:+380975190909">+3 097 519 09 09</a></li>
 <li><a href="tel:+380444836724">+3 044 483 67 24</a></li>
 <li><a href="skype:salon-sweet-home?call" target = "blank">Skype: salon-sweet-home</a></li>
 <li><a href="mailto:salon@sweet-home.kiev.ua">salon@sweet-home.kiev.ua</a></li>
 <li><a href="http://m.site.com/index.php?do=feedback">Обратная связь</a></li>
 </ul>

 </ul>
 </div>

 <!-- Конец Блока Аккордеон -->



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('.sub').hover(
 function(){
 if ($('> a',this).attr('class') != 'active'){
 $('.sub ul').slideUp();
 $('a',this).next().slideToggle();
 $('.mini-menu > ul > li > a').removeClass('active');
 $('> a',this).addClass('active');
 }
 },
 function(){
 $('.sub ul').slideUp();
 $('.mini-menu > ul > li > a').removeClass('active');
 });
 $('.sub ul > li > a').click(function(){
 $('.sub ul > li > a').removeClass('active');
 $(this).addClass('active');
 });
});
 </script>
 </center>

<br>
<br>
 <center><div class="description"><a href="tel:+380676030615"><img src="http://m.site.com/img/call.png" alt="кнопка позвонить"></img></a></center></div>


<center><a href="http://m.site.com/karta-sayta.html"><img src="http://m.site.com/img/down.png" width="50" height="50" alt="кнопка вниз"></img></a></center>
<br>
<br>
</div>
<br>
<br>

 </div>
</div>
[aviable=main]<div class="post">
<form method="post">Поиск по сайту:<br />
<input type=hidden name=do value=search><input type="hidden" name="subaction" value="search" />
<input name="story" type="text" style="width:50%; font-family:tahoma; font-size:11px;" />&nbsp;<input name="submit" type="submit" value=" Найти " />
</form>
</div>[/aviable]
[not-aviable=main]{speedbar}[/not-aviable]
{info}
{content}


<div id="footer">
 <p>
 <a href="http://www.site.com/" class="button" > Полная версия сайта Sweet Home</a>
 <br>
 <br>


{banner_statok.net-logo}



 <br>


 </p>
</div>
</body>
</html>

 

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

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

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #000;
	color: #fff;
	padding:0px;
	margin:0px;
}

/* Блок меню Аккордеон */
.mini-menu {
    margin: 0px auto;
    max-width: 220px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.75);
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow:0 0 8px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    font: normal 14px Helvetica, Arial, sans-serif;
}
.mini-menu ul {
    margin: 0;
    padding:0;
    list-style: none;
}
.mini-menu > ul > li {
    position: relative;
}
.mini-menu > ul > li > a {
    display: block;
    padding: .7em 1em;
    outline: 0;
    border-bottom: 1px solid #222;
    background: #333;
    background-image:-webkit-linear-gradient(#444, #333);
    background-image:-moz-linear-gradient(#444, #333);
    background-image:-ms-linear-gradient(#444, #333);
    background-image:linear-gradient(#444, #333);
    -webkit-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    -moz-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.1);
    color:#C9C9C9;
    text-decoration: none;
    text-shadow: 1px 1px 3px #111;
    font-weight: normal;
}
.mini-menu > ul > li > a:hover,
.mini-menu > ul > li > a.active {
    color:#f2bd00;
}
.mini-menu .sub  ul {
    display: none;
    overflow: hidden;
    background: #eee;
    -webkit-box-shadow:inset 0 0 50px #bbb;
    -moz-box-shadow:inset 0 0 50px #bbb;
    box-shadow:inset 0 0 50px #bbb;
}
.mini-menu .sub ul li a {
    display: block;
    padding: .7em 1em;
    border-bottom: 1px dotted #bababa;
    color:#514b92;
    font-size: 12px;
    text-decoration: none;
}
.mini-menu .sub ul li a:hover,
.mini-menu .sub ul li a.active {
    padding-left: 1.3em;
    background: #d8d8d8;
    color: red;
}
.mini-menu .sub ul li a:after{
    float: left;
    margin-right:6px;
    content: "»";
    line-height: 12px;
}
.mini-menu .sub > a:before {
    content:'•';
    height:12px;
    width:12px;
    font-size: 1em;
    display:inline-block;
    position: absolute;
    right: 10px;
    top: 12px;
    background: #333;
    line-height: .8em;
    color: red;
    text-indent: 0;
    text-align: center;
    text-shadow:none;
    font-weight: 500;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
}
/* активный переключатель */
.mini-menu .sub > a.active:before{
    color: #f2bd00;
}

/**********row-top*************/
ol > li {
    list-style-type:none;
    counter-increment: list;
}
ol > li:before {
    content: counter(list) " ";
}

.row-top{overflow:hidden;background:url(../images/tail-bg-top.png);
padding:28px 0 17px;
position:relative;
z-index:10}
.list-soc{float:center;margin-right:6px}
.list-soc li{float:center;margin-left:8px;}
.list-soc li a{display:block;
  opacity: 1;
  filter: alpha(opacity=100);}
.list-soc li a:hover{
opacity: 0.7;
  filter: alpha(opacity=70);}

/**********bgstretcher*************/


a.button28 {
  position: relative;
  display: inline-block;
  font-size: 90%;
  font-weight: 700;
  color: rgb(209,209,217);
  text-decoration: none;
  text-shadow: 0 -1px 2px rgba(0,0,0,.2);
  padding: .5em 1em;
  outline: none;
  border-radius: 3px;
  background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
  box-shadow:
   0 1px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
  transition: .2s ease-in-out;
}
a.button28:hover:not(:active) {
  background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
}
a.button28:active {
  top: 1px;
  background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
}
form{
	padding:0px;
	margin:0px;
}

a{
	color:#fff;
}
p img{
	padding: 0px;
	max-width: 100%;
}
div.post{
	padding:5px;
	margin:0px;
}

div.title h2{
	font-size: 1.5em;
	padding:0px;
	margin:0px;
}

#header {
	background-color: #201713;
	padding:5px;
	margin:0px;
	border-bottom: 1px solid #493d1b;
}
#header h1{
	font-size: 2em;
	padding:0px;
	margin:0px;
}
#header div.description{
	font-size: 1.5em;
}

h1,h2,h3{
	font-size: 1.25em;
	padding:0px;
	margin:0px;
}
h4,h5,h6{
	font-size: 1em;
	padding:0px;
	margin:0px;
	margin-bottom:2px;
}

.pagetitle{
	margin-bottom:5px;
	margin-top:5px;
}

.title {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #9b7e65;
    border-top: 1px solid #321e08;
    padding: 10px;
    height: 45px;
    background: url(header.png) #634a27 repeat-x;
}

.news{
	font-family: Helvetica;
	font-size: 1.2em;
	text-align:justify;
}

.panel {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px;
    background: #b28458 url(panel.png);
}

#footer {
	background-color: #000;
	padding:3px;
	margin:0px;
	border-top: 1px solid #3C6A91;
	text-align:center;
}
#footer p{
	padding:0px;
	margin:0px;
}
.navigation {
	color:#666;
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	line-height: 2.0;
	font-size:11px
}

.navigation a:hover {
	background:#799AE3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	line-height: 2.0;
	font-size:11px;
}

input {
	border:1px solid #9E9E9E;
	color: #000000;
	font-size: 11px;
	font-family: Verdana;
	background: #FFF;
}

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

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

/admin.php?mod=static

22

 

 

 

 

 

 

Мобільна версія готового сайту Крок 8

Перевіряємо, як працює Ваша мобільна версія за допомогою цього інструменту

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

Мобільна версія готового сайту Крок 9

«Прив’язуємо» основний сайт до мобільного

Ось цей код потрібно розмістити на кожній сторінці сайту в розділі <head>…</head>, з аналогічними посиланнями

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

	<!--перенаправление на мобильную версию сайта-->
<script>
function isMobile() {

var a = (navigator.userAgent||navigator.vendor||window.opera);
    if(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))){
    return true;
    }

return false;
}

if(isMobile() === true) {
    window.location  = 'http://m.sweet-home.net.ua/o-nas.html';
}
		</script>

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

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.sweet-home.net.ua/o-nas.html" />

Все

Також можна замінити меню на якесь з цих

 

В принципі, якщо Вам влом все це робити, або нічого не вийшло, то є ще одна альтернатива

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

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

Новини

Наш Телеграм канал

 

Останні відео