Встановлюємо плагін SEOquake в браузер Firefox або Chrome

Додатки Фаєрфокс — незамінні інструменти веб-майстра

Використовуючи плагіни Фаєрфокс, вони ж додатки і розширення, веб-майстру простіше управляти дизайном та вмістом свого сайту, заощаджуючи при цьому купу дорогоцінного часу. Наприклад, такі розширення браузера Firefox як «Firebug» та «Web Developer» добряче допомагають розробнику при верстці веб-сторінок. Сьогодні я розповім про не менш корисне розширення браузерів Mozilla Firefox та Google Chrome — «SEOquake».

Плагін «SEOquake» можна використовувати в якості розширення браузерів Mozilla Firefox та Google Chrome. Сьогодні я покажу приклад його використання в чудовому браузері Фаєрфокс. Якщо ти юзаєш браузер Хром, не біда, все те ж саме, тільки вид збоку. Принцип дії додатку SEOquake абсолютно ідентичний що в Chrome, що у Firefox. Чесно кажучи, це не зовсім підходяща тема для розділу «Контент», вона має безпосереднє відношення до розділу «SEO», проте без цього розширення нам не обійтися на етапі створення текстового контенту. Зараз поясню чому.

Чому стаття про SEO плагін потрапила у розділ про контент

Користь додатку SEOquake при написанні статей

Сідаючи за написання статті для блогу, крім складання плану майбутньої публікації і розробки структури контенту, необхідно контролювати щільність входження в неї ключових слів та фраз. А як можна перевірити тошнотність тексту, не використовуючи ті чи інші SEO-інструменти? Правильно, без них ніяк... Саме тому стаття про розширення Фаєрфокс — «SEOquake» потрапила у цей розділ.

Завдяки цьому додатку, ми зможемо уникнути переоптимізаціі текстового контенту. Редагуючи публікацію, слід перевірити плагіном SEOquake текст на тошнотність — щільність входження (повторюваність) того чи іншого ключового слова, ключової фрази. Якщо цього не робити, можна отримати фільтр від пошуковиків за переоптимізацію текстів. Тобто добровільно-примусово поїхати на півроку по безкоштовній путівці в «Баден-Баден», яку роздає щедрий на "подарунки" дядько Яндекс.

Щоб уникнути незапланованої церемонії урочистого вручення путівки для поїздки в «Баден-Баден», контент твого сайту зобов'язаний бути якісним в усіх відношеннях. Пошукові системи починають безцеремонно садити накол спамерів, опускаючи їх сайти на дно видачі. Якщо хочеш закріпитися в топі SERP-а надовго, стеж за щільністю входження ключів у тексти, використовуючи додаток SEOquake.

Вибір браузера для встановлення додатку SEOquake

Куди ставити плагін: в Firefox чи Chrome?

З метою безпеки, я раджу встановлювати додаток SEOquake на той браузер, через який ти ніколи не будеш заходити в адмінки важливих веб-ресурсів. Наприклад в такі як сайт хостингу, домену, та інші платіжні системи, які є важливими ресурсами, ключі від яких слід гарненько ховати від чужих очей. Тому, перед завантаженням розширення SEOquake в браузер, слід добре подумати і визначитися з вибором останнього.

Чому я акцентую на цьому увагу? Тому, що будь-яке розширення браузеру — потенційна дірка в безпеці. Ніколи не можна довіряти будь-яким розширенням браузерів, зрештою, самому браузеру теж... Перед встановленням додатку SEOquake з'явиться попередження в браузері Chrome про те, що даний плагін може не лише читати але й змінювати буквально всі дані користувача на сайтах які він відвідує.

Попередження браузера Chrome перед встановленням додатку SEOquake

На зображенні вище зображено попередження від Хрома, а на нижньому — Фаєрфокса. У двох браузерах з'являються майже однакові попередження про те, що саме дозволено робити даному розширенню. Тому добре подумай в який браузер його ставити.

Вікно з попередженням браузера Firefox перед встановленням плагіну SEOquake

Встановлення розширення SEOquake у браузер Firefox

Де живе плагін SEOquake?

Відкриваємо браузер Фаєрфокс, і вводимо в адресний рядок пошуковий запит «seoquake» (1). Після цього натискаємо на кнопку пошуку (2). Знаходимо офіційний сайт розробника, і сміливо тиснемо ссилочку (3), див. скріншот нижче.

Пошук офіційного сайту розробника seoquake

Через якусь мить після кліку по посиланню, відкриється офіційний сайт розробника плагіну SEOquake. Довго не роздумуючи, клікаємо по помаранчевій кнопці «Install SEOquake» з логотипом Firefox. Якщо потрібно встановити цей додаток на інший браузер, тисни на сіреньку іконку обраного браузера під помаранчевою кнопкою (на зображенні нижче підкреслено червоним).

Помаранчева кнопка Install SEOquake з логотипом Firefox

Відразу ж після натискання помаранчевої кнопки, в новій вкладці браузеру відкриється сторінка з великою синьою кнопкою «Додати в Firefox», яку також сміливо тиснемо.

Кнопка додавання seoquake в браузер FirefoxМеню браузеру Фаєрфокс

Дочекавшись завершення завантаження додатку, послідовно тиснемо на дві великі сині кнопки «Додати» і «OK».

Після цього відразу ж переходимо в меню «Додатки», клікнувши по відповідній іконці в меню браузера Фаєрфокс або натиснувши комбінацію клавіш «Ctrl+Shift+A».

В браузері Chrome дана комбінація клавіш не спрацює, доведеться шукати встановлений додаток через меню «Інші інструменти» → «Розширення».

Перевірка встановлення розширення в браузері Фаєрфокс

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

SEOquake успішно встановлено в браузері Фаєрфокс

Як плагін SEOquake виглядає в браузері

Отже, розширення успішно встановлено, пора б поглянути що воно з себе представляє. Для цього відкриваємо будь-яку сторінку сайту, і дивимося на зібрані плагіном дані, попередньо клікнувши по іконці SEOquake в правому верхньому куті Фаєрфокса.

Зібрані дані плагіном SEOquake

Як видно з скріншоту вище, плагін зібрав досить не погану статистику про сторінку, домен та беклінки, яких у мого молодого блогу наразі немає. Цю ж статистику сайту можна переглянути навіть не відкриваючи вікно SEOquake. В панелі «SEObar» достатньо натиснути на пункт меню «More data», і ознайомитись з усіма прихованими даними.

Меню «More data» розширення SEOquake зібрана статистика про сторінку

Налаштування плагіну SEOquake

Як знайти панель налаштувань конфігурації інструменту

В даному плагіні є багато гнучких налаштувань інструменту для зручності використання. Панель налаштувань конфігурації інструменту ховається під іконкою із зображенням шестерні, в правій частині сеобару (1). Більш розширені настройки можна знайти клікнувши на посилання «More settings» (2), див. скріншот нижче.

Панель налаштувань конфігурації плагіну SEOquake

Розширені налаштування конфігурації SEOquake

Нижче зображена панель налаштувань — «SEObar», де можна змінити зовнішній вигляд інструменту (темна або світла версія), розташування сеобару на сторінці (зверху, знизу, праворуч або ліворуч), а також перелік чекбоксів з бажаними даними статистики.

Панель налаштувань «SEObar» в настройках конфігурації плагіну

На сторінці «Parameters Configuration» можна вказати інструменту, які статистичні дані необхідно збирати й відображати. Щоб ті чи інші дані статистики були відображені в інструменті, необхідно встановити галочки в чекбоксах, які в активному стані забарвлюються синім кольором.

Сторінка налаштувань плагіну SEOquake Parameters Configuration

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

Використання інструменту

Моніторинг SEO оптимізації сторінок сайту

Отже, всі необхідні налаштування конфігурації розширення SEOquake зроблені, настав час випробувати його на практиці. Відкриваємо в браузері Файрфокс свій улюблений блог або сайт конкурента, і не поспішаючи аналізуємо всі отримані результати SEO оптимізації. Зараз розповім як це зробити.

Page SEO Audit — інструмент аналізу пошукової оптимізації сторінки

Почнемо перевірку пошукової оптимізації сторінки використовуючи інструмент «Page SEO Audit» — закладка «Diagnosis». Сторінку даного SEO інструменту можна викликати з панелі сеобару (а), або за допомогою випадаючого вікна (1,2), див. скріншот нижче.

Виклик інструменту Diagnosis використовуючи сеобар плагіну seoquake

Перелік важливих показників пошукової оптимізації сторінки в інструменті «Page SEO Audit» починається з цих елементів:

  • URL (URL-адреса документу);

  • Canonical (канонічна версія сторінки);

  • Title (заголовок веб-документу);

  • Description (короткий опис сторінки, зміст сніпету);

  • Headings (заголовки від h1 до h6).

SEO інструмент Diagnosis в дії

Дуже важливо щоб біля кожного пункту в вище представленому списку красувалася зелена галочка. Щодо пункту «Description», біля якого намальована іконка синього мегафону що символізує попередження, то тут не обов'язково має бути саме 160 або більше символів. Якщо в описі сторінки буде, наприклад, 157 символів (як на малюнку вище), нічого страшного, головне щоб не було менше 100.

Наприклад, для пошукової системи Yandex, метатег «Description» не повинен містити більше 160 символів. У той же час, Google любить довші описи сторінок. Це пов'язано з тим, що Google обожнює довгі статті з величезною кількістю символів, відповідно, опис вмісту сторінки також має бути максимально повним, відтак об'ємним.

Іноді плагін SEOquake дає збій, наприклад, як зображено на картинці нижче. Він з якоїсь незрозумілої причини, в моїх двох фотографіях розміщених на сторінці, не побачив атрибутів «ALT». Альти звичайно ж прописані, однак плагін їх не бачить. Тому, якщо побачиш таке попередження біля пункту «Images», слід власноруч перевірити альти в коді. Якщо з альтернативними описами фотографій все в порядку, не потрібно звертати увагу на цей синій матюгальник.

Інструмент Diagnosis показники пошукової оптимізації контенту

На картинці вище, другим пунктом йде показник співвідношення коду сторінки до тексту — «Text/HTML ratio». Це дуже важливий пункт. Тексту на сторінці не повинно бути менше ніж HTML-коду. Значення має бути більше 50%. Якщо немає можливості писати довгі статті (не хочеться топити хороші публікації у воді), в такому випадку необхідно оптимізувати (скоротити та стиснути) HTML-код.

Щоб зменшити кількість коду на сторінці, можна видалити зайві елементи, які не є обов'язковими: коментарі, стилі в HTML елементах, якісь блоки вкладені один в одного тощо. Ніколи не додавай CSS-правил в HTML елементи. Все стильове оформлення веб-сторінок має бути в окремих CSS файлах. HTML елементи повинні бути чистими, без всяких стилів. Також уникай використання таблиць у коді шаблону.

Прокрутивши сторінку «Page SEO Audit» до кінця, ми побачимо список з різних елементів та файлів сайту, а саме:

  • AMP (полегшена версія веб-сторінки для мобільних пристроїв);

  • Viewport (мета тег для сумісності верстки сайту з мобільними пристроями);

  • Robots.txt (текстовий файл з керуючими директивами для пошукових роботів);

  • XML Sitemaps (текстовий файл з переліком УРЛ-адрес посадочних сторінок сайту);

  • Language (HTML атрибут що вказує на мовну версію сторінки);

  • Doctype (декларація що описує тип документу);

  • Encoding (вказує кодування HTML документу);

  • Google™ Analytics (безкоштовний сервіс аналітики та моніторингу веб-ресурсів);

  • Favicon (іконка favicon.ico, яка відображається на вкладці браузера і не лише там).

Статистика зібрана інструментом Diagnosis

На скріншоті вище видно, що головна сторінка мого сайту не має полегшеної версії — «AMP» (Accelerated Mobile Pages), яка може бути корисною для юзерів мобільних пристроїв що використовують повільне 2G інтернет з'єднання. Це не критична помилка, тому поруч зображено не червоний трикутник, а синій матюгальник, — попередження типу: "Сторінка не має ультра легкої версії, над цим варто задуматись".

На сьогоднішній день, мій блог достатньо легкий: по PageSpeed від Google (для мобілок) головна сторінка набирає 99 балів зі ста. Так що для мене цей показник не важливий. Але якщо твій сайт в "червоній зоні" для мобільних пристроїв по PageSpeed, мабуть, таки варто подумати про AMP-версію. Всі інші попередження SEOquake про відсутні мікророзмітки я ігнорую, адже вони особливо не впливають на позицію сторінок у видачі. Відтак, наразі не бачу сенсу у всій цій мишачій метушні.

Keyword Density — інструмент аналізу щільності ключових слів

Нижче відкрита сторінка «Keyword Density» — закладка SEOquake «Density», на якій продемонстровано яким чином можна проаналізувати щільність ключових слів що містяться в тексті статті. Інтерфейс інструменту дуже зручний та інтуїтивно зрозумілий. Тут немає ніяких зайвих посилань і кнопок. Всі важливі блоки під рукою.

SEO інструмент keyword density

В хмарі тегів — «Keywords cloud» видно загальну картину ключових слів статті. Чим жирніший шрифт і розмір слова, тим вища його щільність (повторюваність) в тексті. Прийменники враховувати не потрібно, адже їх пошукові машини ігнорують. Важливо щоб головні ключові слова або одне просувне слово перебувало тут якомога вище.

На цій сторінці можна аналізувати щільність (Density) як однослівних ключів, так і багатослівних. Наприклад, якщо в хмарі тегів клікнути по ключовому слову «заробляти», можна перевірити всі його входження у ті чи інші фрази. Крім цього, тут ж таки можна побачити рівень щільності даного ключового слова, яке не повинно перевищувати 5%. На скріншоті вище видно, що це слово має щільність 1,18%, чого цілком достатньо для просування сторінки по даному пошуковому запиту.

Іноді буває, що щільності 2% і навіть 4% недостатньо для закріплення сторінки на високих позиціях у видачі. Конкурент може підвищити щільність ключа до 5-ти відсотків, і твоя сторінка втратить займану позицію. Якщо твій сайт ще зовсім молодий, не варто підвищувати щільність ключового слова до п'яти або шести відсотків. Пошукові системи можуть накласти фільтр на твою сторінку або весь сайт за переоптимізацію. Тому, не варто виходити за п'ятивідсоткову позначку щільності ключового слова або фрази. Почекай рік, тоді вже можна буде підвищувати % Density.

External Links — інструмент моніторингу зовнішніх посилань

При просуванні молодого сайту дуже важливо стежити за вихідними посиланнями з посадочних сторінок. В ідеалі їх взагалі не повинно бути, тобто жодної. Не важливо, це посилання з «nofollow» або без цього атрибуту. На першому етапі життя сайту потрібно накопичувати статичну вагу посадочних сторінок, не ділячись нею з іншими ресурсами.

Інструмент моніторингу зовнішніх посилань external links

Моніторити всі вихідні посилання в ручному режимі досить складно, тому користуйся плагіном SEOquake, зокрема інструментом «External Links». Це істотно заощадить час на пошук зовнішніх посилань на тій чи іншій сторінці сайту. Щоб перевірити які вихідні посилання закриті атрибутом «nofollow», достатньо натиснути на відповідну кнопку в панелі інструменту, див. скріншот вище.

Internal Links — інструмент моніторингу внутрішніх посилань сайту

Окрім моніторингу зовнішніх посилань, про які я розповів вище, також дуже важливо відстежувати внутрішні посилання, контролюючи їхні анкори та стан. На скріншоті нижче показано роботу інструменту «Internal Links», де видно, що перші три внутрішні посилання закриті від роботів атрибутом «nofollow». Також можна оперативно переглянути всі анкори вихідних внутрішніх посилань, та на які сторінки вони посилаються.

Інструмент для моніторингу внутрішніх посилань сайту internal links

Такий моніторинг внутрішніх посилань сайту допоможе створити правильну перелінковку, направляючи анкорну вагу на посадочні (просувні) сторінки. Таким чином можна перерозподілити ваги сторінок сайту, та підняти у видачі сторінки по низькочастотних пошукових запитах. Сьогодні не буду заглиблюватися в цю тему, для цього є розділ «SEO». Власне, на цьому все. Зауваження та питання чекаю у коментарях. Удачі в просуванні!

Щоб зрозуміти наскільки ти в темі, пройди тест 👇
  • 100 секунд на проходження тестуRealCase

    Тест
  • 5 питань по тематиці сайту
  • 4 варіанти відповідей на кожен
Готовий(-а) перевірити рівень своїх знань?

  •  Цей тест ще ніхто не проходив, ти будеш першим(-ою)

   
  
 
 
📚Не проґав!
💬Коментарі (Ще немає... твій буде першим)  
    • Ліміт 2000 символів
    • залишилось: