Экономика стран

К сожалению, большинство людей, которые будут ими затронуты почти весь мир, не будут иметь никакого влияния на результат. Вести Экономика Дайджест иностранной прессы за 14 августа.
Вести Экономика Греции снова придется списывать долги Греция не сможет самостоятельно расплатиться по долгам, и понадобится новая реструктуризация долгов, чтобы спасти страну от банкротства.

Як оптимізувати блог для мобільних пристроїв?

  1. Читайте також:

Ви вже оптимізували свій блог під мобільні вимоги Google? Якщо немає, то саме час зайнятися проблемою, якщо не хочете втратити позиції і трафік цієї пошукової системи.
Суть в тому, що вже 21 квітня Google став краще ранжувати в пошуку сайти, які зручно переглядати на мобільних пристроях - планшетах і смартфонах.
Про ці нововведення пошуковик попереджав заздалегідь і навіть розсилав якісь «листи щастя», де рекомендував прислухатися до порад, але я, наприклад, такого листа не отримував, а перевіривши блог спеціальним сервісом на відповідність, отримав сумну картину недружнього до полчищам мобільних пристроїв сайту. І це незважаючи на те, що встановлений спеціальний плагін WPtouch, який як би і повинен створювати мобільну версію сайту, щоб сподобатися Гуглу.

Я, до речі, не виключаю того, що незабаром і Яндекс турбуватиметься зручностями мобільних користувачів, тому варто прислухатися до «великого брата» по імені Google вже зараз.
Мені гугловський сервіс «Перевірка зручності перегляду на мобільних пристроях» спочатку видав багато попереджень про поганий оптимізації - тут і дрібний шрифт, і близько розташовані один до одного елементи дизайну, і поганий код, і флеш, якого не повинно бути, але найперша рекомендація щодо виправлення ситуації (додати мета-тег viewport) відразу ж привела до такого ось результату:

Отже, що потрібно зробити, якщо Гугл «лається» на вашу немобільності
Отже, що потрібно зробити, якщо Гугл «лається» на вашу немобільності? Як оптимізувати блог для мобільних пристроїв? Найпростіший спосіб зробити дизайн адаптивним, чуйним і зручним для перегляду на мобільних пристроях - це поставити спеціальні правила для області перегляду, використовуючи тег viewport. Він підходить для всіх пристроїв. Код такий:
<Meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
Його потрібно вставити (я говорю про WordPress) в header (Тема) вашого сайту. Шлях, якщо заблукали, такий: в консолі знаходимо Зовнішній вигляд - Редактор - Тема (файл header.php).

Device-width дасть наказ браузеру, що ширина області перегляду дорівнює ширині пристрою
Device-width дасть наказ браузеру, що ширина області перегляду дорівнює ширині пристрою. В цьому випадку браузер не ставитиме розмір за замовчуванням 980 пікселів. Конкретну ширину смартфона теж краще не ставити, тому що пристрої все різні. Саме тому додали initial-scale = 1.0.
Мені мета-тег допоміг, значить допоможе і вам - швидко і ефективно. Ну і плагін WPtouch не виключаємо, звичайно.

Читайте також:

Вам сподобалася стаття? Чи не хочете пропускати нові? тоді підпишіться на RSS або отримуйте нові статті на електронну пошту

Автор: Chief | Дата: 24.04.2015 | Коментарів: 116

Як оптимізувати блог для мобільних пристроїв?
Чи не хочете пропускати нові?
Навигация сайта
Реклама
Панель управления
Календарь новостей
Популярные новости
Информация
Экономика стран www.mp3area.ru © 2005-2016
При копировании материала, ссылка на сайт обязательна.