Мобільна версія готового сайту
Привіт, мій читачу! Сьогодні я розповім про свою недавню проблему і як я з неї викрутився) Відкрию і Вам свою професійну таємницю.
Мобільний сайт на іншій адресі
Як створити мобільний сайт на іншому домені (піддомені) 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
Альтернативний спосіб реалізації мобільної версії
Мобільна версія готового сайту Крок 1
Якщо немає свого сайту або він ще не лежить в інтернеті, то реєструємось на сайті, що надає послуги хостингу, наприклад ukraine.com.ua
Посилання реферальні, але майте на увазі, я допомагаю своїм рефералам! Пишіть мені в скайп Irkzus свій ID, я перевіряю, чи дійсно ви зареєструвалися за цим посиланням і відповідаю на будь-яке Ваше запитання
Мобільна версія готового сайту Крок 2
Создаємо домен https://www.ukraine.com.ua/domains/
і створюємо піддомен (домен 2-го рівня), наприклад
m.site.com
або
https://adm.tools/hosting/account/virtual/?accid=14314
Мобільна версія готового сайту Крок 3
Створюємо бази даних
причому баз даних має бути 2, під основний сайт і під мобільний, наприклад:
-site
-mobile
На сервері має виглядати так
Мобільна версія готового сайту Крок 4
Як встановити DLE
Встановлюємо будь яку DLE (DataLife Engine)
Її можна завантажити звідси DLE_UTF8
Мобільна версія готового сайту Крок 5
Встановлюємо движок DLE на сайт
Залежно від того, який у вас сайт буде в таку папку і заливаємо, т.к. DLE підтримує мобільні версії, я зробив 2 папки
Папка сайту називається www
Папка мобільного сайту m
або
завантажуємо з папки DLE папку upload
У результаті ви повинні бачити таку картинку на моніторі
Далі відкриваємо нове вікно та пишемо туди адресу свого сайту з приставкою /install.php
www.site/install.php
Клацаємо на кнопку продовжити доки не дійдемо до цього вікна
Повертаємось на хостинг, до наших баз даних
https://adm.tools/hosting/account/mysql/databases/?accid=75920
та виписуємо в аналогічні поля. щоб виглядало якось так
Закінчуємо установку. видаляємо папку install і заходимо в адмінку
Мобільна версія готового сайту Крок 6
Вхід на сайт мобільна версія
посилання має такий формат http://m.site.com/admin.php?mod=options&action=options
наш мобільний сайт m.site.com майже готовий
залишилося його налаштувати
Заходимо в меню «Налаштування системи», потім у першій вкладці за умовчанням ставимо версію smartphone
потім вмикаємо функцію картинок клікнувши по вкладці з мобільним телефоном на піктограмі
Крок 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;" /> <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
Мобільна версія готового сайту Крок 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" />
Все
Також можна замінити меню на якесь з цих
В принципі, якщо Вам влом все це робити, або нічого не вийшло, то є ще одна альтернатива
Також перевіряєм тут
Обсуждаем эту статью на форуме
Наш Телеграм канал
