D.iK.iJ

D.iK.iJ
Рейтинг
242
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.

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

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

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

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

Hitlan:
Правильно ли я понял, что если я вставлю код <meta name="viewport" content="width=781, initial-scale=1">, то у меня как бы станет для Гугла адаптивный дизайн?

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

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

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

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

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

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

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

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

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

@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;}
//НЕ кроссбраузерно, возможны странности в работе
}
FireAiD:
Да, скрипт сергеевича позволил значительно перевесить чашу весов на сторону вебмастеров. Вместо ползунка надо было им блек лист по ключевым словам интегрировать - вопрос треша решился бы за 48 часов.

А как же бедному Билану тогда рекламироваться в Гугл?

Hitlan:
З.Ы. Отдельно замечу, что моему сайту по большому счету никакая мобильная оптимизация особо не нужна. Он вполне сносно выглядит на мобильниках...

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

Да, сайт довольно узкий. У Гугла вполне может "прокатить", так как у него и 404 страница набирает 100% скорости и адаптивности.

Можно попробовать добавить мета тег виевпорт с фиксированной шириной:

<meta name="viewport" content="width=781, initial-scale=1">
и считать, что адаптив готов.

Можно оставить и так... но я бы попробовал адаптировать таблицы.

Дело в том, что Гугл перестал показывать баллы адаптации и показывает теперь только скорость. А по баллам все выглядело бы примерно вот так:

http://adaptivator.ru/?site=https%3A%2F%2Flenaholst.ru%2F

Сайт в желтой зоне.

Почему адаптив?

Дубли сайта и их индексация - это дурдом.

Правильное определение устройства и переадресация - тоже дурдом.

Как и десятков браузеров разных.

А что делать с планшетами? Для них, по идее, должен быть свой шаблон.

И если уж проекту нужна отдельная мобильная версия со своим функционалом, лучше уж сделать мобильное приложение.

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

Ну или показывать только при наличии куки сайта.

А ничего, что в Ютубе лайки равны дизлайкам? И то и то идет в плюс популярности канала...

Artmen:
DiKiJ, новапресс требует пароль от почты. Я бы не рискнул так просто раздавать доступ.

Если честно, не помню такого. Да, требует, если постить в Гугл+. Но об этом предупреждают.

Dwarf_V:
Правда жизни.
[ATTACH]168504[/ATTACH]

А правая очередь за чем стоит?

Всего: 2932