Вернуться   SEO форум - оптимизация и продвижение сайтов > Поисковая оптимизация > Оптимизация страниц сайта

Важная информация
Оптимизация страниц сайта - Мета теги (description и т.д.), заголовок h1, title, alt. Микроразметка, структура контента, внутренняя перелинковка.

Ответ
выдача ТОП 4Полезны

 
Опции темы Оценить тему Опции просмотра
Старый 20.05.2015, 13:23   #1
 
Аватар для Aracimat
 
Сообщений: 10
FR (активность): 252

Доп. информация
По умолчанию Автор темы Мобильная версия сайта – под какие устройства ее делать?

Когда речь идет о мобильной версии сайта, то под какие устройства она предназначается.
  • Телефон – под него нужна упрощенная версия сайта, адаптированная под небольшой размер экрана. Тут более менее ясно.
  • Планшет – а как быть с ним? Проще работать на нем с полноценной версией сайта.

А как вообще принято решать этот вопрос. Мобильная версия – это именно под телефоны. Или под планшет делают третий вариант сайта?
Aracimat вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.05.2015, 14:37   #2
 
Аватар для OS_ZP_UA
 
Сообщений: 1,264
FR (активность): 38,731

Доп. информация
По умолчанию

А зачем вам вообще именно мобильная версия сайта?
Просто адаптируйте свой сайт под разные разрешения экрана, настройте область просмотра, пропишите media-queries.css и все...


Не забываем, для спасибо существует кнопка
OS_ZP_UA вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.05.2015, 14:49   #3
 
Аватар для Aracimat
 
Сообщений: 10
FR (активность): 252

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от OS_ZP_UA Посмотреть сообщение
А зачем вам вообще именно мобильная версия сайта?
Просто адаптируйте свой сайт под разные разрешения экрана, настройте область просмотра, пропишите media-queries.css и все...
Я лично такой логике следовал. У телефона может быть разрешение экрана почти такое же как у телефона. Если на сайте скажем 50 пунктов меню и на экране компьютера это выглядит естественным. Например, на главной странице seocafe - 48 пунктов меню (естественно не считая сами разделы форумов, облако тегов и т.д.).

На телефоне же это выглядит дико избыточным. Нужна какая-то упрощенная версия. Где пунктов меню будет в пределах 10, отправляющих на ключевые функции сайта. Но вот как быть с планшетами не могу понять.
Aracimat вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.05.2015, 15:14   #4
 
Аватар для OS_ZP_UA
 
Сообщений: 1,264
FR (активность): 38,731

Доп. информация
По умолчанию

Давайте так, пункт меню может быть или нужным, или лишним, среднего не дано (исключение из правил, это например ссылка на версию для печати, на мобильном телефоне она явно никчему).
Другой вопрос реализация меню, она может быть немного разной, для разных разрешений экрана, например скрыть при маленьких разрешениях подпункты в выпадающее меню.
Шаги разрешений могут быть разными, зависит от ситуации - если этот элемент выглядит плохо при таком то разрешении, его нужно перерисовать.
Взял свой последний сайт который адаптировал, шаги такие: выше 1280; 1279-1020; 1019-930; 929-840; 839-760; 759-500; меньше 500.
Но это не значит что это 7 версий сайта, это все один и тот же сайт, просто на каждом шаге изменяется какой то элемент дизайна, который начал плохо выглядеть, допустим на шаге 929-840 изменяется только верхнее горизонтальное меню, которое физически перестает влазить по ширине.


Не забываем, для спасибо существует кнопка
OS_ZP_UA вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.05.2015, 18:04   #5
 
Аватар для Aracimat
 
Сообщений: 10
FR (активность): 252

Доп. информация
По умолчанию Автор темы

А как вы решили проблему с маленькими кнопками?
Например, у iphone разрешение 1334 пикселя. Как пользователя телефона сможет комфортно нажимать пальцем кнопку, предназначенную для мышки?
Aracimat вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.05.2015, 20:39   #6
 
Аватар для OS_ZP_UA
 
Сообщений: 1,264
FR (активность): 38,731

Доп. информация
По умолчанию

У Айфона Ретина экран, в котором 4 физических пикселя = 1 CSS пиксель. Так что при ширине 1334 пикселя, он возьмет правило из CSS соответствующее диапазону 667 px.


Не забываем, для спасибо существует кнопка
OS_ZP_UA вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
cthulchu (20.05.2015)
Старый 20.05.2015, 23:15   #7
 
Аватар для Aracimat
 
Сообщений: 10
FR (активность): 252

Доп. информация
По умолчанию Автор темы

А у других телефонов, где нет такого функционала?
Aracimat вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.05.2015, 08:39   #8
 
Аватар для MiViDo
 
Сообщений: 130
FR (активность): 2,485

Доп. информация
По умолчанию

Если ТС не против, то опишу свою проблему, дабы не плодить кучу тем.
Установил мобильную версию. Посещался упала человек на 100 примерно. Если раньше на сайт около 25-30% заходило с моб.устройств, то теперь 5%. Позиции проверил - не упали, даже в небольшом плюсе. Гугл пишет, что всё зашибись - сайт под мобилки оптимизирован. Проверял сам - стало лучше.
Вопрос: что за явление такое странное? Ведь по идее, должно наблюдаться увеличение кол-ва просмотров с мобильных устройств.


Строительство и ремонт для неопытных
MiViDo вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.05.2015, 08:49   #9
 
Аватар для OS_ZP_UA
 
Сообщений: 1,264
FR (активность): 38,731

Доп. информация
По умолчанию

А что у других телефонов? У них тоже в CSS пикселях разрешения не такие и страшные. По поводу кнопки, которую нужно нажать не мышкой, а пальцем...так ее при любом разрешении должна быть возможность удобно нажать пальцем, ведь есть сенсорные мониторы...


Не забываем, для спасибо существует кнопка
OS_ZP_UA вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.05.2015, 08:56   #10
 
Аватар для OS_ZP_UA
 
Сообщений: 1,264
FR (активность): 38,731

Доп. информация
По умолчанию

Цитата:
Сообщение от MiViDo Посмотреть сообщение
Если ТС не против, то опишу свою проблему, дабы не плодить кучу тем.
Установил мобильную версию. Посещался упала человек на 100 примерно. Если раньше на сайт около 25-30% заходило с моб.устройств, то теперь 5%. Позиции проверил - не упали, даже в небольшом плюсе. Гугл пишет, что всё зашибись - сайт под мобилки оптимизирован. Проверял сам - стало лучше.
Вопрос: что за явление такое странное? Ведь по идее, должно наблюдаться увеличение кол-ва просмотров с мобильных устройств.
Тебе ни кто на такой вопрос не ответит, тут гадалкой нужно быть...поклацай свой сайт побольше с мобильного, может чета косо работает (не работает, неудобно, непонятно и т.д.) и пользователи уходят все в печали, при этом прибивая тебе ПФ.


Не забываем, для спасибо существует кнопка
OS_ZP_UA вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
MiViDo (21.05.2015)
Старый 21.05.2015, 08:59   #11
 
Аватар для MiViDo
 
Сообщений: 130
FR (активность): 2,485

Доп. информация
По умолчанию

Цитата:
Сообщение от OS_ZP_UA Посмотреть сообщение
Тебе ни кто на такой вопрос не ответит, тут гадалкой нужно быть...поклацай свой сайт побольше с мобильного, может чета косо работает (не работает, неудобно, непонятно и т.д.) и пользователи уходят все в печали, при этом прибивая тебе ПФ.
Но ведь даже если они ушли, сам факт пребывания (даже непродолжительного) был бы метрикой зафиксирован. А тут получается, что не пришли вовсе.


Строительство и ремонт для неопытных
MiViDo вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.05.2015, 09:08   #12
 
Аватар для OS_ZP_UA
 
Сообщений: 1,264
FR (активность): 38,731

Доп. информация
По умолчанию

Цитата:
Сообщение от MiViDo Посмотреть сообщение
Но ведь даже если они ушли, сам факт пребывания (даже непродолжительного) был бы метрикой зафиксирован. А тут получается, что не пришли вовсе.
Слух распространился, что и приходить не стоит , но это так, из разряда паранойи.
У тебя именно мобильная версия, или адаптивный дизайн для мобильных устройств и планшетов? А вообще, если прям сразу как установил, так и обвалился трафик, то копай в сторону правильности установки метрики на мобильной версии...


Не забываем, для спасибо существует кнопка
OS_ZP_UA вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.05.2015, 09:10   #13
 
Аватар для MiViDo
 
Сообщений: 130
FR (активность): 2,485

Доп. информация
По умолчанию

Цитата:
Сообщение от OS_ZP_UA Посмотреть сообщение
У тебя именно мобильная версия, или адаптивный дизайн для мобильных устройств и планшетов?
Устанавливал на WP с помощью плагина Any Mobile Theme Switcher.


Строительство и ремонт для неопытных
MiViDo вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.05.2015, 10:27   #14
 
Аватар для Aracimat
 
Сообщений: 10
FR (активность): 252

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от OS_ZP_UA Посмотреть сообщение
А что у других телефонов? У них тоже в CSS пикселях разрешения не такие и страшные. По поводу кнопки, которую нужно нажать не мышкой, а пальцем...так ее при любом разрешении должна быть возможность удобно нажать пальцем, ведь есть сенсорные мониторы...
А как с боковыми меню решаете проблему? На экране телефона это меню будет занимать половину экрана.
По размерам кнопок, например, взять seocafe. Сверху меню навигации - удобно щелкать мышкой. Но как-то сомневаюсь, что пальцем попаду в какой-нибудь подпункт даже на мониторе, а у меня он не маленький. )

P.S. Как реализовать мобильную версию - я изначально склоняюсь к адаптивному дизайну. Но в моем понимании он должен адаптироваться не только по числу пикселей, но и по виду устройства.
Aracimat вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.05.2015, 10:56   #15
 
Аватар для OS_ZP_UA
 
Сообщений: 1,264
FR (активность): 38,731

Доп. информация
По умолчанию

Да как бы определять устройства, это не большая проблема
Оффтоп:
strstr($_SERVER['HTTP_USER_AGENT'],'iPhone'


и подключать для айфонов отдельный CSS, но я считаю это лишним.
Боковое меню, перерисовывать, например в горизонтальное, с выпадающими подпунктами...

Не смотрите на seocafе, оно не оптимизировано под мобильные устройства.
Aracimat: сообщение полезно


Не забываем, для спасибо существует кнопка
OS_ZP_UA вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Адаптивный дизай или мобильная версия? krig Дизайн и верстка 17 17.04.2017 10:13
Мобильная версия сайта, нужна ли? Garnet_Fox Разработка сайтов 30 20.02.2017 13:48
Мобильная версия в индексе. карна Google 8 14.04.2015 15:35
Мобильная версия сайта IgorZaz Разработка сайтов 3 17.04.2012 08:19

Текущее время: 07:31. Часовой пояс GMT +3.