Всем доброго времени суток! давненько меня здесь не было...
Вопрос такой, решился я все таки на мобильную версию для форума, меня тут очень убеждали, что сейчас на сайт мобильный траф доходит до 30%, и если у форума нет мобильной версии, то это существенная потеря трафика.
Что можно сделать и как для мобильной версии?
1. nikk - 2 июля 2015 — 18:12 - перейти к сообщению
2. - 2 июля 2015 — 19:23 - перейти к сообщению
Отдельная мобильная версия, на мой взгляд, не имеет смысла. Существующий шаблон форума нужно переделать под адаптивный (респонсивный) дизайн. Этого вполне достаточно. Все современные устройства умеет корректно работать почти со всеми нынешними интернет-стандартами, а всё отличие сводится только к разному размеру экрана.
(Добавление)
Кстати, тема очень актуальна, Гугл сказал, что со дня на день начнет опускать в выдаче сайты, не адаптированные под мобильные устройства.
(Добавление)
Кстати, тема очень актуальна, Гугл сказал, что со дня на день начнет опускать в выдаче сайты, не адаптированные под мобильные устройства.
3. nikk - 2 июля 2015 — 19:29 - перейти к сообщению
Хорошо... Но как сделать этот адаптивный (респонсивный) дизайн ?
Вот возьмем мой форум, что именно нужно переделать к примеру?
И еще...
PageSpeed оценил мобильную версию моего форума в 58 из 100, тогда как десктопная версия форума-90..
https://developers.google.com/sp...o&tab=mobile
Вот возьмем мой форум, что именно нужно переделать к примеру?
И еще...
PageSpeed оценил мобильную версию моего форума в 58 из 100, тогда как десктопная версия форума-90..
https://developers.google.com/sp...o&tab=mobile
4. nikk - 26 февраля 2016 — 15:41 - перейти к сообщению
nikk пишет:
Но как сделать этот адаптивный (респонсивный) дизайн ?
Апну тему! Кто нибудь уэе делал для форума мобильную версию? Ну или адаптивный дизайн?
5. nikk - 26 февраля 2016 — 23:16 - перейти к сообщению
Почитав в Интренете, как можно существенно улучшить мобильную версию, нашел вот такой код для стилей:
И сразу Гугл ответил: https://www.google.com/webmaster...2Fistorya.pro%2F
Отлично! Страница оптимизирована для мобильных устройств.
А на странице: https://developers.google.com/sp...espeed/insights/ ммобильная версия форума с жалких 66% сразу набрала 88% ( Удобство для пользователей)!
Но вот элементы на странице смотрятся пока не очень красиво, тут нужно править стиль..
CODE:
@media screen and (max-width: 700px) {
img {max-width: 96% !important; height: auto !important;}
iframe, textarea, input, button, submit, video, object, embed {max-width: 99% !important;}
table, span, div, ins {max-width: 100% !important;}
}
@media screen and (max-width: 500px) {
body, tbody {
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
}
@media screen and (max-width: 400px) {
td {word-break: break-all;}
}
img {max-width: 96% !important; height: auto !important;}
iframe, textarea, input, button, submit, video, object, embed {max-width: 99% !important;}
table, span, div, ins {max-width: 100% !important;}
}
@media screen and (max-width: 500px) {
body, tbody {
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
}
@media screen and (max-width: 400px) {
td {word-break: break-all;}
}
И сразу Гугл ответил: https://www.google.com/webmaster...2Fistorya.pro%2F
Отлично! Страница оптимизирована для мобильных устройств.
А на странице: https://developers.google.com/sp...espeed/insights/ ммобильная версия форума с жалких 66% сразу набрала 88% ( Удобство для пользователей)!
Но вот элементы на странице смотрятся пока не очень красиво, тут нужно править стиль..
6. nikk - 27 февраля 2016 — 01:36 - перейти к сообщению
Блин! Я было уже обрадовался, но меня постигло разочарование!
У меня оказывается Главная страница оптимизировалась под адаптивную версию! А Разделы и Темы нифига!
Как были неоптимизированы, так и остались
У меня оказывается Главная страница оптимизировалась под адаптивную версию! А Разделы и Темы нифига!
Как были неоптимизированы, так и остались
7. nikk - 27 февраля 2016 — 07:34 - перейти к сообщению
Далее.. Cудя по Яндекс-Метрике, время нахождения юзера на форуме с мобильного девайса сократилось со средних 3 мин до 1.6 мин..
Почему так, пока не пойму/
Почему так, пока не пойму/
8. nikk - 27 февраля 2016 — 08:40 - перейти к сообщению
вот мне Гугл пишет:
И как это адаптировать?
CODE:
Адаптируйте размер контента для области просмотра
Ширина страницы превышает ширину области просмотра, из-за чего пользователям придется прокручивать ее по горизонтали. Адаптируйте контент для области просмотра, чтобы сделать свой сайт удобнее.
Ширина страницы составляет 387 CSS-пикс., а области просмотра – всего 375 CSS-пикс. Эти элементы находятся вне области просмотра:
Элемент <div id="HintsBlock" class="hintclass"> находится вне области просмотра.
Ширина страницы превышает ширину области просмотра, из-за чего пользователям придется прокручивать ее по горизонтали. Адаптируйте контент для области просмотра, чтобы сделать свой сайт удобнее.
Ширина страницы составляет 387 CSS-пикс., а области просмотра – всего 375 CSS-пикс. Эти элементы находятся вне области просмотра:
Элемент <div id="HintsBlock" class="hintclass"> находится вне области просмотра.
И как это адаптировать?
9. electron - 27 февраля 2016 — 20:19 - перейти к сообщению
nikk пишет:
как сделать этот адаптивный (респонсивный) дизайн ?
берете стиль от своего форума, переименовываете его например в Mobile ExBB, делаете его шириной 480 пикселей, желательно убрать всю графику, кнопки заменить ссылками и получаете мобильный стиль.
вопрос в другом - как заставить мобильный браузер переключаться на мобильный стиль форума? ведь их (браузеров мобильных) столько развелось...
10. nikk - 27 февраля 2016 — 21:03 - перейти к сообщению
electron , вот поэтому я решил перейти на адаптивный дизайн, где ширина и высота браузера будет автоматом подстраиваться...
Для этого и нужно-то всего навсего вставить метатег наличия мобильной версии:
ну и далее для начала вставить код, который я давал выше.. Этот код, это как бы базовая оптимизация шаблона. Я когда его вставил в стиль css, то Гугл мне сразу сказал что ваш сайт годен!
Для этого и нужно-то всего навсего вставить метатег наличия мобильной версии:
CODE:
<meta name=viewport content="width=device-width, initial-scale=1">
ну и далее для начала вставить код, который я давал выше.. Этот код, это как бы базовая оптимизация шаблона. Я когда его вставил в стиль css, то Гугл мне сразу сказал что ваш сайт годен!
11. nikk - 29 февраля 2016 — 10:02 - перейти к сообщению
Кстати, не так давно Яндекс стал учитывать наличие мобильной версии сайта! То-есть при равных условиях, сайт, на котором есть мобильная версия ранжируется выше.. Делайте выводы!
12. - 29 февраля 2016 — 10:13 - перейти к сообщению
Как можно не делать мобильную версию, и при этом обмануть яндекс, как будто она есть, не подскажете? 
13. Иван Петров - 29 февраля 2016 — 16:00 - перейти к сообщению
nikk пишет:
То-есть при равных условиях, сайт, на котором есть мобильная версия ранжируется выше
А вот и нет. Есть у меня сайт на вордпрессе, дизайн отлично адаптирован под мобильные гаджеты и в поиске яндекса, если со смартфона смотреть, то есть метка - мол мобильная версия
Так я к чему - конкурент, у которого сайт вообще ни фига не адаптирован под моб. гаджеты всегда выше меня в поиске. Я блин на втором месте в поиске яшки по одному вкусному ключевому запросу, а он первый. Хотя после апдейтов мы иногда меняемся местами с ним, но в итоге он опять первый. Х. з, почему так происходит, может возраст домена играет свою роль
14. Yamaliya - 5 марта 2016 — 08:41 - перейти к сообщению
nikk, Влупила не особо задумываясь всё, что вы написали. Гугл на это не отреагировал )
15. electron - 20 марта 2016 — 17:01 - перейти к сообщению
Совсем скоро на этом форуме будет установлен мобильный стиль. Скрипты форума уже доработаны под это дополнение. Зайдя на форум с любого мобильного браузера вы попадете на мобильный стиль. В качестве мобильного пока используется стандартный InvisionExBB с немного измененными копирайтами (чтоб знать, что действительно попадаем на мобильный шаблон, в копирайтах вместо Invision прописано Mobile).