Сторінка Швидкість і SEO: чому це має значення і як поліпшити його в WordPress

1. Чому має значення швидкість сторінки
2. 1. Пошукові системи - це підприємства.
3. 2. Питання користувальницького досвіду.
4. 3. Метрики взаємодії роблять різницю.
5. 4. Для електронної комерції, особливо, час - гроші.
6. 5. Повільна швидкість сторінки впливає на бюджет сканування.
7. Як поліпшити швидкість сторінки в WordPress
8. 1. Перевірте швидкість
9. 2. Оптимізація зображень
10. Приклад
11. 3. Увімкнути кешування
12. Приклад
13. Мережі доставки вмісту (CDN)
14. 4. Мінімізуйте HTTP-запити
15. 5. Зменшити значення HTML, CSS і JavaScript
16. 6. Перевірте свої переадресації
17. 7. Регулярне очищення

Цей пост блогу є резюме презентації, зробленої в WordCamp Lancaster 2018. Презентація слайди можна знайти в нижній частині цієї посади.

Коли ви прокручуєте вміст у телефоні або шукаєте щось на ноутбуці, як довго ви готові чекати, що ви хочете побачити, щоб завантажити?

5 ��екунд або більше? Можливо, якщо ви особливо терплячі і відчайдушно хочете бачити цей вміст.

Для більшості веб-користувачів це більше схоже 3 секунди або менше перш ніж 53% з них починають виходити. Огляди показують навколо 47% споживачів очікується завантаження сторінки за 2 секунди або менше. Щоб бути справедливим, ця інформація походить з опитування, проведеного в 2011 році. З тих пір, мережа тільки набула швидшого, просунутого і більш конкурентоспроможного.

Основний винос - це більше часу завантажується на вашій сторінці, тим більше шанс відвідувача залишити ваш сайт.

Чому має значення швидкість сторінки

Коли справа доходить до того, чому швидкість сторінки має значення і як вона стосується SEO, ми можемо розбити її на 5 основних причин, або категорій:

1. Пошукові системи - це підприємства.
2. З досвіду користувача.
3. Показники взаємодії мають значення.
4. У електронній комерції, особливо, час - це гроші.
5. Низька швидкість сторінки впливає на бюджет сканування.

1. Пошукові системи - це підприємства.

Пошукові системи також є бізнесом. Вони в бізнесі "релевантності". Найбільш використовувана пошукова система, яка відома за найкращі результати, - і отримує найбільшу частку ринку. Якщо вони починають виявляти нерелевантні результати, до того моменту, коли люди більше не хочуть їх використовувати, вони втрачають.

Сьогодні Google має найбільшу частку ринку, але це не завжди було так. Пам'ятаєте, коли Yahoo був великим гравцем? А як щодо Bing? Пам'ятаєте, запитайте Jeeves? Компанія Google була заснована в 1998 році. Тоді компанія Google була новим хлопчиком, який намагався це зробити. Тепер ми не просто шукаємо щось, а «Google». Їхня марка стала дієсловом.

І, якщо ви хочете, щоб ваш сайт з'являвся, коли хтось є терміном Google, який стосується вашого бізнесу, ваш веб-сайт має бути релевантним. Швидкість сторінки є частиною цих Кращі практики SEO .

2. Питання користувальницького досвіду.

Існує багато факторів, які Google використовує для визначення релевантності, і алгоритми завжди коригуються. Крім того, ми повинні брати до уваги такі речі, як персоналізація, голосовий пошук, штучний інтелект і машинне навчання. Але, користувальницький досвід завжди велика частина його.

Подумайте про свій власний досвід перегляду. Ви хочете, щоб сторінка, яка завантажується, як гоночний автомобіль або як лінивець? Ліни є, звичайно, чарівні, але не коли йдеться про швидкість сторінки.

Користувальницький досвід, який пропонує ваш веб-сайт, визначає, чи відвідувач продовжує досліджувати результати або повертається до них.

3. Метрики взаємодії роблять різницю.

Показники залучення, такі як рейтинг кліків, показник відмов, час на сайті, сторінки на відвідування та багато іншого, є індикаторами того, який тип користувачів пропонує ваш веб-сайт.

Якщо ваш сайт відображається на сторінці результатів, це може вплинути на кількість отриманих кліків, а кращі показники кліків можуть покращитися там, де ви з'являєтеся. Чим більше людей, які натискають на ваш сайт у видачах і залишаються там, тим більш релевантним буде ваш веб-сайт для пошукових систем для цього запиту та пов'язаних з ним тем. Ларрі Кім оприлюднив результати дослідження у грудні перевірили цю кореляцію. Результати показали, що збільшення кількості кліків через очікуване середнє значення поточної та / або наступної позиції часто призводило до просування.

З іншого боку, якщо ваш показник відмов високий, це посилає сигнал пошуковій системі, що ваш результат не має значення. «Пого-прилипання», де користувачі повертаються до результатів, не залишаючись на сайті, означає, що це не відповідає очікуванням користувачів.

A 1-секундна затримка часу завантаження сторінки означає 11% менше переглядів сторінок, 16% зниження задоволеності клієнтів і 7% втрат у перетвореннях. Повільна швидкість сторінки змусить користувачів залишити ваш сайт, збільшуючи показник відмов і зменшуючи релевантність.

4. Для електронної комерції, особливо, час - гроші.

Кожна додаткова секунда, яку потрібно для завантаження сторінки, збільшує шанси людей піти. Для веб-сайтів електронної торгівлі дохід від швидкості сторінок впливає на швидкість, а повільна швидкість сторінки негативно впливає на нижчий результат.

Дослідження Kissmetrics Покладено, що для сайту електронної комерції, що складає 100 000 доларів на день, затримка швидкості сторінки на 1 секунду може призвести до втрати $ 2.5 мільйонів щороку! Плюс, 52% покупців онлайн визначити швидке завантаження сторінки як важливе для їхньої лояльності до сайту. У конкурентній зоні лояльність має значення.

Wal-Mart показав збільшення конверсій на 2% на кожні 1 секунду поліпшення швидкості сторінки. Amazon повідомив про збільшення на 1% доходу на кожні 100 мілісекунд поліпшення швидкості сайту.

Це дві трохи різні метрики. Швидкість сторінки часто визначається двома способами: час або час завантаження сторінки до першого байта. Час завантаження сторінки визначає тривалість завантаження чи відображення вмісту на певній сторінці вашого веб-сайту. Час першого байта - це час, протягом якого браузер, який ви використовуєте, отримує перший байт з сервера веб-сайту. Швидкість сайту, однак, є сукупною - середня швидкість сторінки на вибірці переглядів сторінок на сайті. Оскільки швидкість сайту є сукупним числом, для її вдосконалення потрібно більше. Проте, у випадку Amazon, поліпшення його всього на десяту секунди призвело до позитивного впливу на дохід. Незалежно від того, як ви його вимірюєте, потрібно переконатися, що сторінки на вашому сайті завантажуються якомога швидше.

5. Повільна швидкість сторінки впливає на бюджет сканування.

Кожна пошукова система має свого власного бота, який також називається сканером або павуком, і кожен веб-сайт має виділений бюджет сканування. Google визначає бюджет сканування як "кількість URL-адрес, які може і хоче Googlebot сканувати" для кожного веб-сайту.

Якщо ви хочете, щоб сторінки вашого веб-сайту відображалися в пошукових системах, їх слід спочатку сканувати, щоб вони могли бути проіндексовані. Низька швидкість сторінки на вашому сайті означає, що ви можете досягти бюджету сканування, перш ніж усі ваші сторінки будуть фактично скановані. Це може призвести до повільнішої індексації нових сторінок, а зміни та оновлення - до менш часто.

Успіх у пошуку полягає в тому, щоб бути в потрібному місці в потрібний час, коли ваші клієнти шукають. Якщо ваші сторінки не скануються, і тому не індексуються, ви можете пропустити ці можливості.

Швидкість сторінки важлива для користувачів, що означає, що вона має значення для пошукових систем. Google зробив ще чіткіше в січні, що швидкість сторінки важлива, коли вони оголосили, що покарання в індексі мобільного першого для повільної швидкості сторінки прийде. Тепер, як ніколи раніше, швидкість сторінки має бути важливим фактором, коли ви створюєте, підтримуєте та вдосконалюєте ваш сайт після запуску.

Як поліпшити швидкість сторінки в WordPress

Зверніть увагу на те, що покращення швидкості сторінки, на які вказується цей розділ, стосується HTTP. HTTP / 2 прийде, і змінить деякі з рекомендованих кращих практик для підвищення швидкості. Деякі речі стануть непотрібними, оскільки вони будуть вбудовані, а деякі можуть трохи змінитися. Майте на увазі, що ці рекомендації призначені для роботи з HTTP як базою і можуть змінюватися, коли ви працюєте з HTTP / 2 як основа.

1. Перевірте швидкість

Хороший хостинг - це розумний крок для вашого сайту. Звідти перевірте швидкість, щоб дізнатися, де ви знаходитесь, а потім визначте, де потрібно покращити. Інструменти, такі як Google Статистика швидкості сторінки , GT metrix , Пінгдом , YSlow , і багато іншого є гарним початком при визначенні того, що ви можете зробити, але вибирайте рекомендації з солі.

Загальною пропозицією цих інструментів є вилучення непотрібного коду «над складовою». Для того, щоб сайт функціонував, деякі речі повинні бути вище-кратним. Наприклад, інструмент Google PageSpeed ​​Insights все одно витягуватиме його як пропозицію щодо поліпшення, навіть якщо він є власним кодом JavaScript, який він вимагає від вас, щоб він міг функціонувати.

Прагнучи досягти більш високих результатів, безсумнівно, ви отримаєте об'єктивне збільшення швидкості, але переконайтеся, що ви балансуєте з покращенням швидкості сторінки та користувачем. Переконайтеся, що зміни, спрямовані на покращення швидкості сторінки, не впливають негативно на функцію чи зручність використання вашого сайту.

2. Оптимізація зображень

Зображення є важким вмістом, і вони можуть серйозно уповільнити вашу сторінку. Стиснення їх означає, що ви можете зберегти якість зображення та розміри, зменшуючи при цьому необхідну кількість енергії для їх обробки. Стислі зображення завантажуються швидше і не обтяжують вашу сторінку. Оптимізатор зображення EWWW або WPsmush хороші плагіни WordPress, щоб допомогти з цим.

Забезпечення того, щоб ваша тема підтримувала відповідні стилі зображення, також допоможе; забезпечення відповідного розміру та роздільної здатності зображення залежно від пристрою, на якому переглядають ваш сайт. Багато в чому завдяки зусиллям Відповідальні питання Спільна група атрибути srcset і size автоматично додаються до зображень, які ви вставляєте в вміст за допомогою WordPress.

Приклад

У нас є клієнт на невеликій фіксатор для SEO консультації. Вони обробляють власні речі, і ми пропонуємо поради, дослідження та напрямки. Використовуючи результати з Google PageSpeed ​​Insight Tool, їх стільнична сторінка почалася з 68 років, а їхня швидкість мобільної сторінки - 56. Вони люблять зображення та завантажують їх на свій сайт, але не стискали їх. Таким чином, ми запропонували спробувати плагін для стиснення зображень.

Після стиснення та оптимізації зображень за допомогою плагіна, їх стільниця стільниці скоротилася до 86, а швидкість мобільної сторінки підскочила до 67. Органічний трафік на їх веб-сайті також збільшився на 1,66% від попереднього падіння після збільшення швидкості сторінки. У порівнянні з аналогічним періодом минулого року органічний трафік на їх сайт збільшився на 14,98%.

3. Увімкнути кешування

Кешування дозволяє швидше обробляти сторінки на вашому сайті. Замість того, щоб робити новий запит на сторінку кожного разу, коли він повинен завантажуватися, кешування зберігає копії ваших сторінок. Отже, коли буде зроблений такий самий запит, ваш сервер може скористатися копією сторінки і завантажувати її набагато швидше, ніж якщо б кожен раз обробляти сторінку як абсолютно новий запит.

Кілька хороших плагінів WordPress на вибір включають:

Приклад

Веб-сайт цього клієнта мав Швидкість робочого столу 56 і швидкість мобільної сторінки 47. Після включення кешування за допомогою плагіна, Desktop збільшився до 79, а Mobile збільшився до 63. Органічний трафік на їхній сайт збільшився на 46,17% за попередні 30 днів нижня швидкість сторінки та 25,05% за той же час минулого року. Швидкість сторінки не може приймати все це для себе, але це, безумовно, допомогло поліпшити досвід користувачів.

Мережі доставки вмісту (CDN)

Щось ще можна зробити, це реалізувати CDN за допомогою звичайного веб-хостингу. Ви все ще хочете ввімкнути кешування на вашому сайті WordPress, але це додає ще один рівень для покращення роботи користувачів і швидкості сторінки.

CDN вставляє себе як крок між вашим сервером і Інтернетом, обслуговуючи вашу сторінку і вміст, часто без необхідності взагалі потрапляти на ваш сервер. Stackpath або Cloudflare зазвичай великі супутники для сайтів WordPress.

4. Мінімізуйте HTTP-запити

Кожен компонент вашої сторінки - це запит HTTP. Чим більше компонентів на сторінці, тим більше HTTP-запитів має бути зроблено, і чим більше часу потрібно для завантаження сторінки. Оптимізуючи кількість елементів на вашій сторінці, наприклад, поєднуючи таблиці стилів, скорочуючи сценарії та використовуючи CSS замість зображень, де це можливо, можна покращити продуктивність сайту.

5. Зменшити значення HTML, CSS і JavaScript

Кожен непотрібний фрагмент коду також додає розмір сторінки. Усуньте додаткові пробіли, перерви рядків і відступи, щоб ваш код був чистим і сторінки нахиляються. Існує кілька інструментів для зменшення непотрібних або надлишкових даних, не впливаючи на обробку ресурсу браузером.

Ці плагіни WordPress - хороші параметри:

Кожен з перелічених вище модулів мінімізує HTTP-запити та видаляє матеріали, тому потрібно використовувати лише один. У випадку з W3 Total Cache і WP Rocket, ви також отримуєте додаткову користь від кешування.

The Модуль PageSpeed це ще один варіант. Вона інтегрується з веб-серверами Apache і Nginx для автоматичної оптимізації вашого сайту. Ви повинні знати, що ви робите, і бути більш обережними, оскільки ви завантажуєте їх безпосередньо на сервер. Вам знадобляться FTP доступ і резервні копії, щоб мати можливість відступати і скасовувати, якщо вам потрібно.

6. Перевірте свої переадресації

Належні 301 перенаправлення необхідні для того, щоб переконатися, що користувачі знаходять вміст, який вони шукають, а не перекривають 404 помилки. Але занадто багато переспрямувань 301, розміщених один над одним, можуть збільшити час завантаження сторінки. Крім того, ви ризикуєте створити цикл перенаправлення, де сторінка ніколи не завантажується, оскільки вона постійно перенаправляє.

Використовуйте інструмент аудиту сайту, щоб сканувати ваш сайт і залучити до ваших переадресацій, щоб переконатися, що у вас не надто багато налаштованих послідовностей. Є цілий ряд інструментів, які ми використовуємо особисто і рекомендуємо:

Screaming Frog має безкоштовну версію до 500 URL-адрес. Платна версія необмежена. Для сайтів, що мають понад 10 000 сторінок, ви можете зіткнутися з проблемами з сервером. Консоль пошуку Google, раніше відома як Інструменти Google для веб-майстрів, безкоштовна; Вам потрібно отримати доступ, якщо ви не є власником облікового запису сайту. SEMrush, Moz та Raven Tools вимагають облікових записів, щоб використовувати аудитори сайту / тести для сканування, але у них є безкоштовні випробування, якщо ви не хочете здійснювати відразу.

Якщо ви знаєте, що потрібно виправити, ви можете піклуватися про існуючі проблеми перенаправлення у файлі htaccess. Потім, для всього, що потрібно створити, можна використовувати Перенаправлення або Прості перенаправлення 301 піклуватися про неї в WordPress.

7. Регулярне очищення

Невикористані або застарілі розширення та вміст на вашому сайті можуть зашкодити Вашому сайту та вплинути на здатність Вашого сервера завантажувати сторінки. Регулярно оновлюйте використовувані розширення, очищуйте розширення, які ви не використовуєте, і очистіть смітник. Це гарантує, що єдиним вмістом, який завантажує ваш сайт, є те, що відповідає його ефективності та досвіду користувачів. WP Optimize це чудовий плагін для цього. Він автоматично очищає вашу базу даних, видаляє непотрібні дані та багато іншого, щоб забезпечити ефективну роботу.

Є багато речей, які ви можете зробити, щоб поліпшити швидкість сторінки в WordPress. Всі ці райони є хорошими місцями для початку. Якщо вам потрібна допомога з веб-сайтом, зв'яжіться з нами Сьогодні для зустрічі УМ!