
Привет мой читатель! Сегодня я расскажу, о своей недавней проблеме и как я из нее выкрутился) Открою и Вам свою профессиональную тайну.
Мобильный сайт на другом адресе
Как создать мобильный сайт на другом домене (поддомене) 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 и заходим в админку
5.шаг
Вход на сайт мобильная версия
ссылка имеет такой формат http://m.site.com/admin.php?mod=options&action=options
наш мобильный сайт m.site.com почти готов
осталось его настроить
Заходим в меню «Настройка системы» потом в первой вкладке по умолчанию ставим версию smartphone
потом включаем функцию картинок кликнув по вкладке с мобильником на пиктограме
6 Шаг
Настраиваем мобильный шаблон
Заходим в папку site/templates/smartphone/
находим файл main.tpl и меняем его содержимое
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 |
<!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
и меняем на это
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 |
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
7.Шаг
Проверяем как работает Ваша мобильная версия с помощью этого инструмента
https://developers.google.com/speed/pagespeed/insights/
8.Шаг
«Привязываем» основной сайт к мобильному
Вот этот код нужно разместить на каждой странице сайта в разделе <head> … </head>, с аналогичными ссылками
Код пивязки сайта к мобильной версии
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!--перенаправление на мобильную версию сайта--> <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 «говорим» роботам про мобильную версию
1 |
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.sweet-home.net.ua/o-nas.html" /> |
Все
Так же можно поменять меню на какое-то из этих
В принципе, если Вам влом все это проделывать, или ничего не получилось, то вот есть еще одна альтернатива
Так же проверяем тут
Обсуждаем эту статью на форуме