Открытие мобильных страниц

ну если будешь его менять сделай адаптив, зачем тебе с мобильной версией на поддомене мучать себя

была такая хрень на каком то сайте лет 5 назад, гугл корректно  так и не мог разобраться где какую версию в поиске показывать. Проверял топовые сайты у которых была мобильная версия на поддомене - тоже самое, на десктопе в поиске m.site и редиректы для корректного отображения

это решается редиректом по устройству или ширине экрана

Я дизайн даже не смотрел, потому что

Это нафига? Делается адаптивная верстка, и она...

1. Работает всегда и когда надо.

2. Не вносит дублей в поисковик

3. Не требует отдельного ухода и поддомена.

PS: еще и <tr>... забыть надо о табличной верстке, вот что главное а не мобильная версия.

Спасибо!

Постараюсь вникнуть.

Добавляем мета-тег мобильной версии: 

<meta name="viewport" content="width=device-width, initial-scale=1">

Дальше добавляем минимум адаптивных стилей:

@media screen and (max-width: 960px) {
img {max-width: 100%; height: auto; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100%; box-sizing: border-box;}
table, span, ins {max-width: 100%;}

body.yellow {margin: 0px; padding: 1%; box-sizing: border-box; width: 100%;}
#main_table, #main_table > tbody, #main_table > tbody > tr, #main_table > tbody > tr > td {display: block;box-sizing: border-box;width: 100%;}
.contentHead > a {display: none;}
.content-j20 {text-align: left;}
}

Плюс, тут разбил главную таблицу на блоки и немного поменял отступы в body.

А дальше переделываем рекламу под мобильные и правим все, что будет вылезать за правый край экрана. Стили @media screen and (max-width: 960px) { действуют на экраны шириной 960px и меньше. По этой же логике можно добавлять стили и для любой другой ширины экрана.