D.iK.iJ
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
меряемся ))
А смысл? 100 из 100 получить во многих случаях довольно легко. Но если на сайте есть блоки рекламы Гугла, Яндекса, кнопки Поделиться или какие-то плавающие "Позвоните нам" консультанты, больше 97 просто "не светит".
Да, можно это все скрывать на 320 и меньше, но зачем?
Не поняли. Я о том, что раз выстраиваете весь контент десктопа в одну длинную полосу...
1) Я 1 адаптивный сайт сделал для себя. Так как тыкать пальцем на маленьком экране в маленькие ссылки - это кошмар. Особенно, если с прокруткой.
2) Тыкают еще как. На рекламу - даже больше, чем на десктопе.
3) У меня на любом сайте достаточно повернуть телефон БОКОМ и будет нормальная версия.
Да и не видел я ни одного сайта, где переход к мобильной версии приводил прямо к ГИГАНТСКОЙ ленте. Даже если там роман целый.
А куда вставлять сие великолепие? После каких тегов?
Мета тег конечно же в <header>:
Ну а стили можно в файл стилей. Ну или в тот же Хедер сайта, обрамив тегами <style></style>:
@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;}
}
Ну а если дизайн не "резиновый", то дальше я обычно правлю руками.
А объявления стоят адаптивные?
Адаптивные конечно. Так и не понял, изменились ли доходы.
Заморачивался много только с 1 сайтом. Когда сообразил что и как лучше делать, пошло легче.
Да, все сам конечно :) Вот тут в последнем сообщении CSS есть для начала.
Делал и верстал все сам. Сайтов 18 уже. Все делал на обычном CSS (медиа), так как адаптивный тянущийся дизайн "рулит".
На своих сайтах - все свое и тянущееся. На чужих - шаблон любой КМСки, который ломается и делается красивым тянущимся.
Давайте скину готовое для .htaccess. Использую при адаптации сайтов, но на всех моих сайтах, например, оно настраивалось на хостинге:
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 604800 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
<ifModule mod_headers.c>
<filesMatch "\.(ico!pdf!flv!jpg!jpeg!png!gif!swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(css!js!txt!html!htm)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(php!xml)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>
</ifModule>
Клацаете - это хорошо, но что выдает сервер в заголовке?
Кроме WWW еще бывает переадресация на страницу со слешем (без слеша) в конце.
Ну и дата там еще 20 число. Может и 404 было тогда.
Если есть плагин / адаптивная тема - ставьте :)
Если руками и бесплатно: /ru/forum/873867
Ну еще мне иногда пишут по переделке сайтов. Уже штук 18 переделал. :)
Сделал на всех 11 своих сайтах. Еще давненько. Сейчас по заказам делаю :)
Забавно, но числа 15, кажется, трафик сильно увеличился по многим даже совсем "вялым" сайтам, а числу к 21 наоборот утих до более средних значений. Но зато с мобильных Адсенс теперь больше половины приносит.
Компания Ланистер (московская), которые продвижением основного сайта у нас занимаются, примерно пару месяцев назад предупредили нас, что гугл меняет свои приоритеты в пользу мобильно-адаптированных сайтов. У нас портал большой, промышленный, после аудита начали работу по созданию нового дизайна.
Очень рад за вас. Также спешу сообщить, что тоже умею делать адаптивный дизайн за деньги :)
Но эта тема, правда, была больше для каких-то вопросов - вдруг кто-то хочет бесплатно научиться.
К этим подпоркам, нужна еще одна подпорка... и, все ради того, чтобы гуглбот определился :) типа мобильная версия есть.
Честно, мне для Гугла еще ни разу никакая подпорка не нужна была. Все отлично понимает. Регулярно дает 100 из 100 за адаптивные версии.
Да и мобильные браузеры на Андроиде вполне современные... для всех остальных есть "тянущийся" дизайн.
Да, я за поддержку 99% всего и вся... но зачем мне ЭТО, с учетом, что я плохо читаю иностранные сайты? :)
А как быть с проблемой складки (Flat) подробно тут
А это разве проблема? Если я правильно понял статью, то какая разница там между мобильным и обычным компьютером? Нет, правда! Огромные шапки меня и на ноутбуке бесят.
Или вы про что-то другое?