Оптимизация мобильных страниц

slivki56
На сайте с 03.09.2012
Offline
49
695

Здравствуйте! Подскажите по оптимизации мобильных страниц.

Сайт www.dvanachala.ru (не реклама, админ, если что удали или сделай не ссылкой, я ссылку на него не делаю)

Написан еще в 2005 году (самописный, собранный как я понял с элементами вордпресса или темой его). Хотя я могу и ошибаться, я тоже самоуч, поэтому вижу то, что есть, далее не могу разбрать.

В итоге, что нужно: оптимизировать сайт под мобильные устройства.

Я по всякому пытался извертеться и сделать вид на мобильном........(шапка всё равно в кучу собирается)

Остальное более-менее...но любой заметит, шире экрана идет и передвигать нужно и не правильно (не так отображаются блоки)....не по порядку, а смещение всё равно идет.

Так как я не спец и не знаю как строились и на каком основании блоки в 2005 году (судя под мобильность тогда никто не строил), хотя мне и много лет, но подстроить такой сайт под мобильную версию я не смог......(по крайне мере по версии Гугл).

Если подскажите! Я буду как маленький мальчик рад подарку Деда Мороза и благодарен как человек!

А как ипотекарь я буду должен и обязан Вам за "правильную" подсказку в решении моей проблемы!

---------- Добавлено 30.12.2018 в 19:39 ----------

AZanderS:
Здравствуйте! Подскажите по оптимизации мобильных страниц.
Сайт www.dvanachala.ru (не реклама, админ, если что удали или сделай не ссылкой, я ссылку на него не делаю)
Написан еще в 2005 году (самописный, собранный как я понял с элементами вордпресса или темой его). Хотя я могу и ошибаться, я тоже самоуч, поэтому вижу то, что есть, далее не могу разбрать.
В итоге, что нужно: оптимизировать сайт под мобильные устройства.
Я по всякому пытался извертеться и сделать вид на мобильном........(шапка всё равно в кучу собирается)
Остальное более-менее...но любой заметит, шире экрана идет и передвигать нужно и не правильно (не так отображаются блоки)....не по порядку, а смещение всё равно идет.
Так как я не спец и не знаю как строились и на каком основании блоки в 2005 году (судя под мобильность тогда никто не строил), хотя мне и много лет, но подстроить такой сайт под мобильную версию я не смог......(по крайне мере по версии Гугл).
Если подскажите! Я буду как маленький мальчик рад подарку Деда Мороза и благодарен как человек!
А как ипотекарь я буду должен и обязан Вам за "правильную" подсказку в решении моей проблемы!

Кстати что я не смог сделать:

https://search.google.com/test/mobile-friendly?hl=ru&id=XNJSkmQqH1OxoyGBbGbRJw

https://search.google.com/search-console/mobile-usability?resource_id=http%3A%2F%2Fwww.dvanachala.ru%2F&hl=ru

http://adaptivator.ru/?site=http%3A%2F%2Fwww.dvanachala.ru%2Fprofiles.php

админ это опять не реклама это показ того, что имеется и что я не смог сделать.

По гуглу не очень смотрю, он мне показывает то всё оптимизировано и все нормально, то нет, то вообще блокирует и не проверяет главную страницу (остальные страницу по гуглу мобильности всё ок)

Женский портал ( https://slivki56.ru )
D.iK.iJ
На сайте с 26.05.2013
Offline
234
#1

1) Поставить нормальный мета-тег. У вас там много чего стоит. А нужен всего один

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

2) Куча битых файлов в консоли по F12 показывает. И по страницам тоже что-то странное.

3) Адаптив я обычно начинаю с таких вот стилей. У вас практически на них все и закончится.

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

4) Если что-то из стилей закрыто в robots.txt от индексации Гуглом - открыть.

5) Проверить кеширование статики и сжатие.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
R
На сайте с 04.12.2016
Offline
60
#2

1) Вам бы редизайн провести... Все же старая верстка сразу бросается в глаза. Особенно на больших экранах.

2) По данной верстке уберите фикс. ширину у классов "column-left"/"column-right"

Поставьте им ширину 100%.

Подробнее пишите в личку.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий