D.iK.iJ

Для адаптивного дизайна тоже спокойно делается кнопка "Полная версия". Ну, если что :)

[оффтоп]

Смущает, что именно эти люди агитировали, что ссылки - плохо, ссылки - зло и мешают пользователю.

А теперь я такое въ***ставляю на свой сайт баннер на весь первый экран размером и "насилую" посетителей рекламой от Яндекса за рубль в месяц :)

Ссылки - зло, да. Ужасный такой блок был в футере. Аж 2 строки. )))

[/оффтоп]

Ну у Гугла симпатичные новые форматы есть - те, что для середины статьи и "в фиде". Ничего так. Да и в футере оставил большой прямоугольный адаптивный блок. А Яндекс сместил в сайдбар, ограничив по стоимости на 1000 показов. Вместо заглушки - своя реклама.

Для адаптива.

Подключаете мета-тег, что у вас сайт адаптивный

Начинаете примерно с таких вот стилей:

@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;}

}

@media screen and (max-width: 775px) {

}

@media screen and (max-width: 500px) {

//td, th {word-break: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

}

Смотрите в Хроме по F12 - что происходит при уменьшении окна браузера и какие стили этому мешают.

Левую колонку обычно проще всего свернуть под кнопку "бутерброда" ("гамбургера"), а правая пойдет уже после контента.

В принципе, все :)

Да, отдельную мобильную версию на субдомене сам Гугл не рекомендует. Еще там проблемы - нужно правильно настроить переадресацию, индексацию, определение браузера и так далее. Тут даже отдельный шаблон для мобильных устройств - лучше, чем дубль сайта на субдомене.

Раз это уже свершившееся прошлое, то вероятность ничего не купить была равна 100%. Я и не купил :)

Самому интересно. Пока нашел платный unused-css.com и плагин для Фаербага в Фаерфоксе, показывающий все это для 1 страницы.

Попробуйте кипятить. Ну правда. Не обязательно на газовой плите. Чайничек электрический поставить, фильтр для воды тысячи за 3 рублей - за глаза хватит. А если совсем плохо, можно обратный осмос с минерализацией воткнуть и хоть сырой пить. :)

Стоп, стоп. Какие вообще КЛИКИ на Рся, если они перешли на РТБ систему и оплата идет за показы?

З.Ы. Да, там и правда такое г*** для сайтов с небольшой посещаемостью. У меня сейчас выгоднее не только Адсенс, но и даже вообще пустое место :)

Менять флеш на видео или гифку :)

Хотя, сейчас кучу анимации можно на CSS сделать с минимальным количеством скриптов.

Тут - только проверять :) Может стать лучше, может - чуть хуже. По идее, оно и сейчас проходит. Но я бы попробовал добавить мета-тег с фиксированной шириной для мобильных и проверить вот тут:

http://developers.google.com/speed/pagespeed/insights/

https://search.google.com/test/mobile-friendly

По идее, для этого сайта самое простое было бы - переверстать таблицу с товарами на инлайн-блоки или float: left использовать.

Тогда достаточно пару строк и все спокойно сложится в столбик даже на ширине 320px.

Как проверить результат работы? В хроме нажать F12 и уменьшать ширину экрана браузера. Ну или на появившейся панели есть эмулятор разных устройств (иконка телефона).

Да, правильный рекомендуемый Гуглом мета-тег:

Шаблон стилей для сжатия картинок, кнопок и видяшек, с которых можно начать адаптацию: