Як правильно підготувати бекенд WordPress до SEO
Незалежно від того, що ви думаєте, SEO все ще є значною частиною багатьох компаній у всьому світі, і воно все ще живе та працює. Зважаючи на це, стає зрозуміло, що є безліч нових вхідних даних, функцій і, що найважливіше, стратегій, які слід взяти до уваги.
Наприклад, використання різних технологій для «експлуатації» алгоритму Google і, отже, його системи рейтингу стало стандартом для багатьох професіоналів з SEO, які, по суті, все більше і більше перетворюються на «SEO-орієнтованих» розробників. Зважаючи на це, давайте спробуємо проаналізувати, чому та як вам слід підготувати серверну частину WordPress до SEO з технічної точки зору.
Що таке технічний SEO?
Добре, щоб правильно зрозуміти, як налаштувати ваш сайт WordPress для SEO, ми повинні проаналізувати, що таке технічна SEO. Перш за все, наразі немає точного визначення «що таке технічна оптимізація пошукових систем», але ми можемо окреслити загальне: у рамках технічної пошукової оптимізації ми маємо намір поєднати стратегії, створені для того, щоб «дозволити Google знати, що відбувається мій сайт у найшвидший спосіб». Технічне оптимізацію пошукових систем (SEO) — це те, про що дуже піклуються корпоративні компанії, а саме Apple, Amazon і TESLA. Технічне SEO таке ж складне, як і зовнішня розробка, і, незважаючи на велику кількість статей, доступних в Інтернеті, воно вимагає глибоких знань HTML, CSS і Javascript (зокрема).
Чи є WordPress дружньою до SEO архітектурою?
На жаль, це не так. WordPress є ворогом номер один для багатьох професіоналів з SEO, оскільки це те, що відомо як «застаріла архітектура» (докладніше про це пізніше). Хоча це може здатися лякаючим, у цьому є підступ: WordPress справді можна оптимізувати для технічного SEO, перш ніж вдатися до певних хитрощів. Розробники SEO знають, що WordPress «обмежений» для виконання технічних завдань, і тому вони розробили багато різних інструментів, таких як Yoast, щоб допомогти вам створити кращу архітектуру, навіть якщо ви не експерт у PHP. У 2019 році обов’язково, якщо ви працюєте з архітектурою WordPress, мати відповідну серверну частину.
«Я не знаю, як кодувати, на що я маю звернути увагу в першу чергу?»
Як було сказано вище, технічне оптимізацію пошукових систем сильно пов’язане з кодом, незалежно від того, що пишуть сумнівні блоги в Інтернеті. Однак не хвилюйтеся, якщо ви не фахівець із програмування, оскільки вам просто потрібно вивчити 3 мови, а краще — синтаксис. HTML є обов’язковим, оскільки під час планування будь-якої форми технічної стратегії SEO вам потрібно буде перевірити заголовки, заголовки сторінок, мета-описи та інші теги. Майте на увазі, що Googlebot (власний сканер Google) здатний ретельно читати HTML, тому наявність ідеального «скелета» HTML є обов’язковою.
Переглядаючи сторінку на своєму сайті WordPress, ви повинні проаналізувати свої заголовки (
) і оптимізуйте їх за допомогою довгих ключових слів, а ваші
Що щодо Javascript?
Javascript для технічної пошукової оптимізації слід розглядати окремо від двох інших інтерфейсних мов. Робот Googlebot (навіть якщо його нещодавно оновлено) не може читати Javascript, отже, якщо у вас є будь-яка нативна програма, будь-який акордеон із великою кількістю цінного або буквально будь-якої форми тексту, включеного в сценарій, ви можете вважати, що його немає в Google. Однак нещодавно Google представив «чергу візуалізації» для Javascript (особливо на стороні клієнта), яка в основному «визнає» той факт, що деякий вміст втрачається в процесі сканування. На практиці це означає, що Google читатиме ваш вміст (той, що міститься в певному сценарії) після вашого HTML і CSS, фактично сповільнюючи його рейтинг.
Чи є спосіб це виправити?
WordPress — це архітектура, у якій багато Javascript. Існує безліч гармошок, слайдерів і плагінів, які працюють на основі jQuery, Vue та інших фреймворків, які є громіздкими та відображаються на стороні клієнта. Найпростіший спосіб виправити це – реалізація Javascript, відтвореного на стороні сервера, що є складним питанням і потребує розробників із великим знанням Next.js та інших фреймворків, які відображаються на стороні сервера. Це, звичайно, те, що вимагає часу, ресурсів і конкретних професійних кадрів, з чим не багато компаній можуть мати справу.
Загалом, найкращим підходом для Javascript на WordPress було б обмежити його використання завданнями, пов’язаними з графікою, такими як анімація меню або зображень. Застосування єдиного сценарію для простого рядка тексту може знищити місяці й місяці SEO-роботи, тож пам’ятайте про це, коли плануватимете свій веб-сайт та інтерфейс WordPress!
Усі спеціальні поля!
Якщо є одна хороша річ, яку PHP робить в архітектурі WordPress, то це безумовно використання спеціальних полів. Спеціальні поля є важливими для технічної оптимізації пошукових систем, особливо під час планування використання GTM (Google Tag Manager) і структурованих даних. Другий, зокрема, став досить фундаментальною частиною світу SEO, з десятками властивостей, атрибутів і різноманітних результатів, які можна отримати за допомогою розмітки Schema.org (докладніше про це пізніше). Важливо мати на увазі, що спеціальні поля вимагають певної форми знання PHP, тому було б відносно корисно вивчити його загальний синтаксис.
Говорячи про схему…
Структуровані дані є ОБОВ’ЯЗКОВИМИ у 2019 році для будь-якої технічної стратегії SEO. Google високо цінує сайти, які розмічені за допомогою структурованих даних, і, отже, це те, на що повинен звернути увагу кожен спеціаліст із SEO. Структуровані дані стосуються використання (переважно) кодованих сценаріїв JSON-ld, які фактично є «підтвердженням» того, що охоплює вміст на вашій сторінці. Крім того, Google багато інвестує в пошукові результати (рейтинг сторінок продуктів, вікна поширених запитань тощо), щоб покращити роботу користувачів.
Schema — це програма з відкритим вихідним кодом, яка оновлюється щодня, тому, якщо ви не створили для неї спеціальні поля, вам слід зробити це зараз. Гіпотетично для цього можна використовувати плагіни, як-от Schema App, але з розміткою Schema завжди краще кодувати їх вручну, використовуючи властивості й атрибути, які найкраще підходять для вашого вмісту.
Швидкість: найбільша проблема WordPress
Як згадувалося вище, WordPress — це те, що називається «застарілою архітектурою». Таким чином, ми маємо на увазі, що бібліотеки, фреймворки та механізм, які його переміщують, вважаються «застарілими» та «старими» у сучасному зовнішньому та бекендовому світі. Маючи це на увазі, досить легко зрозуміти, чому певні сайти WordPress не працюють добре з точки зору швидкості. Швидкість є дуже важливим фактором ранжирування для рейтингу Google, і існує маса різних способів покращити її для технічної стратегії SEO.
Перш за все, вам слід зменшити використання графічних плагінів, таких як WPBakery: кодування CSS вручну може заощадити вам (навіть не на жарт) принаймні 1 секунду часу завантаження на сторінку. В ідеалі розробник мав би створити добре продуктивний сайт, але оптимізувати швидкість, особливо за допомогою стиснення зображень та інших незначних ресурсів, може зробити кожен.
Як правильно спланувати серверну частину для оптимізації сканування
Ми розглянули, як Google сканує Javascript, і тепер ми готові розповісти, як підготувати ваш сайт WordPress до оптимального бюджету сканування. Для «Бюджету сканування» ми передбачаємо часові рамки, протягом яких Google сканує веб-сайт, щоб згодом проіндексувати та ранжувати його в результатах пошуку. Знову ж таки, існує багато стратегій, які можна використати для оптимізації бюджету сканування вашого сайту WordPress, але всі вони починаються з аналізу файлів журналу.
Використовуючи такі інструменти, як ScreamingFrog або Deepcrawl, ви зможете проаналізувати та визначити, які сторінки скануються найчастіше, і, як правило, ви побачите, як Google насправді сканує активи, як-от файли тем, частіше, ніж фактичні цільові сторінки. Це, звичайно, величезна проблема, оскільки ви фактично витрачаєте час Googlebot, дозволяючи йому сканувати фрагменти вашого сайту, які не орієнтовані на ключові слова, що обмежує ваш потенціал рейтингу. Після того, як це буде підтверджено належним аналізом файлів журналу, ви можете видалити ці ресурси, які скануються, із бюджету сканування Googlebot, заборонивши їх у вашому файлі robots.txt. Ви можете знайти більше інформації про те, як це зробити тут.
А як щодо мобільних пристроїв?
Як ви, напевно, знаєте, Google високо цінує мобільну версію кожного сайту, аж до того, що мобільний індекс підраховується вперше з 2018 року (технічно 2017 року, але він був повністю зареєстрований у 2018 році) для цілей рейтингу. Надзвичайно важливо розуміти, що всі ці стратегії також застосовуються для мобільних пристроїв, коли ви плануєте свою архітектуру WordPress з дещо більшим акцентом на бюджет сканування, просто тому, що Google сканує мобільні версії сайтів набагато швидше.
На WordPress деякі розробники додатків створили плагін AMP, за допомогою якого ви зможете створювати, покращувати та оптимізувати, зрештою, мобільну швидкість свого сайту WordPress. AMP (Accelerated Mobile Pages) – це те, що також може допомогти у вилученні результатів у Google, якщо ваш вміст/продукт не дуже орієнтований на довгі форми вмісту.
Щоб зробити висновок
WordPress — це проста архітектура для налаштування, але надзвичайно складна для оптимізації, особливо коли справа доходить до технічного SEO. Будь ласка, зверніть увагу, що ці стратегії є лише скелетом того, що насправді є технічним SEO, застосованим до WordPress, оскільки в рівняння включено безліч змінних, починаючи від встановлення детальних правил GTM до оптимізації якості сеансу залежно від мети сайту. Зважаючи на це, можна створити та надати надзвичайно якісну технічну стратегію SEO за допомогою WordPress, особливо якщо ви оптимізуєте його серверну частину з самого початку. WordPress може бути застарілою архітектурою, але існує безліч способів «подолати» цю початкову проблему, як згадувалося вище.