Мобильная верстка

Juggernaut, можно же не убирать левую колонку, просто сделать чтобы шло подряд: сначала меню, потом статья.

меню вообще можно переделать с помощью плагина jQuery, не помню точно как называется, что-то типа jQuery Mobile Menu

Нет необходимости городить это меню сверху.

Во-первых, там огромное кол-во пунктов, около 100, представляете сколько места это займет сверху.

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

В-третьих, сверху итак останется верхняя менюшка на основные разделы, а в конце статьи будет блок "Похожие статьи". Этого достаточно в плане UI.

Структура нормальная, надо сделать все резиновым и только для того что в черном поле и для статьи под ним добавить медиа-запросы.

---------- Добавлено 13.08.2015 в 15:06 ----------

Да, эти бубны придется убрать в топ-меню. Если оно начнет складываться, бубнам деваться будет некуда.

Насчет бубнов, кол-во пунктов в верхнем меню тоже уменьшится силами CSS. Останется 4-5.

Ребят, суть вопроса была:

Возможны ли претензии от гугла, если не создавать отдельный шаблон для мобилок, а ограничится указанием области просмотра через тег viewport? В частности, не предъявит ли он претензию, что "область просмотра не соответствует ширине сайта"?

Я давно уже решил, что и как будет отображаться в мобильной версии. Вопрос не в этом.

Особенно меня интересует мнение профессиональных верстальщиков или людей, которые имели непосредственный опыт разработки адаптивной мобильной верстки под гугл.

Я сделал похожее на поддомене m.site.com и google от меня отцепился:)

Переделывать сайт пока не собирась, на нём удобно работать на любом смартфоне.

Вы используете разные урл для мобильных устройств, а мне необходима адаптивная верстка, в крайнем случае, динамический показ.

Из всех 3-х варинтов, гуглом рекомендована именно адаптивная верстка.

https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/index?hl=ru

Отвечал вам в другой теме. Но если коротко - скройте все ненужное стилями, сделайте все что у вас в красной области "резиновым". Можно, включая баннер. Если не знаете как - гляньте у меня в подписи тему про адаптивность. Там есть готовые стили.

И эти странные игры с viewport не понадобятся. Да, можно там менять масштаб, но сам же Гугл это не рекомендует, так как устройств много очень разных.

Если сайт не влезает в область просмотра, то Гугл будет плохо его индексировать - где вы это услышали? Многие сайты не адаптированы под мобилку, но это же не мешает им становиться популярными в сети.;);)

Сделайте так, уменьшите ширину меню в зависимости от ширины экрана, к которому вы подстраиваете сайт, скройте левые блоки навигации тегом display и желательно убрать баннер из правого верхнего угла, а то он не даст в мобильной версии нормально расположиться логотипу. Скрывайте блоки вот так display: none;

И чего в этом не удобного?

я бы сделал так:

1. логотип по центру.

2. меню должно выплывать слева при клике на кнопку

3. а левый блок разместил сверху

P.S. если просто сжать меню это не мобильная версия.