Кращий SEO Поради та інструменти для програмування блогів і блогерів в 2018 році

1. Додайте структуровані дані, щоб увімкнути пропоновані фрагменти
2. Оптимізуйте швидкість візуалізації та "мобільність"
3. Використовуйте кешування браузера за допомогою препроцесора активів
4. Оптимізуйте та змініть розмір зображень
5. Перегляньте залежності веб-сайту
6. Перевірте результати оптимізації
7. Перевірте правопис
8. Використовуйте SSL для свого блогу
9. Не довіряйте статистиці трафіку Google Analytics
10. Підсумок SEO поради для блогерів

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

я використовую jekyll на основі pixyll шаблон для цього блогу, але більшість порад повинні бути застосовні до всіх користувальницьких двигунів блогу. Якщо ви використовуєте Medium як єдину платформу для ведення блогів ( protip: напевно, не варто ) жоден з цих порад не буде застосований.

Ось що ви можете зробити:

Спільний доступ до соціальних медіа є одним із найпопулярніших джерел трафіку на мій блог. Ви можете впливати на те, як виглядає ваша публікація, якщо вона розміщена на сайтах соціальних мереж, використовуючи так звані "мета-теги Open Graph". Яку з цих карток ще краще натисніть?

Допис Blogger поділився в Twitter без правильних мета-тегів

Допис Blogger поділився в Twitter із правильними мета-тегами

Наразі в моєму блозі використовуються такі мета-теги:

Найкращим способом перевірити, як ваша сторінка відображатиметься на сайтах соціальних медіа, є використання цих інструментів:

Перевірка картки Twitter

Відладчик відкриття графіка Facebook

Додайте структуровані дані, щоб увімкнути пропоновані фрагменти

Як я вже говорив, додавання структуризованих даних дає змогу веб-сайту відображатися в результатах пошуку найпопулярнішого фрагмента Google:

Рекомендований фрагмент завдяки структурованим даним

Це schema.org BlogPosting вхідний ешафот, який я використовую для цього блогу:

Зразок структурованих даних для повідомлення в блозі. Логотип видавця має бути розміром 60x600.

Пам'ятайте, що додавання структурованих даних не гарантує, що ваш веб-сайт буде показаний. Вона повинна бути в топ-10 результатів для даної пошукової фрази (але не обов'язково спочатку). Все, що ви можете зробити, це двічі перевірити, чи правильно вводиться вхід до структуризованих даних цей інструмент і переконайтеся, що всі інші оптимізації мобільних та SEO-систем є в наявності. До сих пір мені вдалося побачити ознайомлений фрагмент тільки для одного з моїх повідомлень у блозі, використовуючи трохи незграбних ключових слів. Але я бачу пристойний трафік з джерела googleapis.com/auth/chrome-content-suggestions, а це означає, що користувачі бачать і надходять на мій веб-сайт через розділ, запропонований Chrome.

Оптимізуйте швидкість візуалізації та "мобільність"

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

Статистика Google Page Speed

Мобільний тест

Тест веб-сторінки

Ось кілька оптимізацій, які я успішно застосував до цього блогу:

Використовуйте кешування браузера за допомогою препроцесора активів

Тест швидкості Google не буде задоволено, якщо ви не кешуєте свої статичні активи протягом принаймні 8 днів. Щоб уникнути проблем з клієнтськими браузерами, що зберігають застарілі ресурси, слід використовувати препроцесор активів. Для цього блогу я використовую jekyll-активів щоб додати теги перегляду до всіх ресурсів. Кожного разу, коли актив змінює свій дайджест-тег на URL, змінюється, щоб я міг кешувати все, не турбуючись про те, що застаріла версія коли-небудь подається.

Одна з проблем полягає в тому, що ви не можете кешувати зовнішні ресурси, такі як бібліотека Disqus JavaScript самої Google Analytics. Є певні способи її подолання. Ви можете періодично завантажувати оновлені файли на ваш сервер за допомогою запланованих завдань і додавати заголовки кешування, але я ще не намагався це зробити.

я використовую Cloudflare налаштування заголовків кешування браузера.

Оптимізуйте та змініть розмір зображень

Це досить легко виправити. Просто обробляйте всі ваші зображення за допомогою compressor.io . Також переконайтеся, що вони є настільки великими, наскільки це необхідно для правильного відображення у всіх розділах. Я тільки нещодавно видалив 6000x4000 розміру зображення з цільової сторінки Abot - Анонімні повідомлення зворотного зв'язку для Slack .

Перегляньте залежності веб-сайту

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

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

Перевірте результати оптимізації

Після пари SEO оптимізацій Google швидкість рейтингу остаточно зелена.

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

Перевірте правопис

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

Використовуйте SSL для свого блогу

Немає виправдання, чому технічний блог (або будь-який веб-сайт) у 2018 році не повинен мати підтримку SSL. З 2014 року HTTPS є рейтинговим сигналом для Googlebot. Ви можете перевірити мої інші повідомлення в блогах для порад про те, як встановіть безкоштовний шаблон SSL з Cloudflare і обслуговувати всі активи браузера через HTTPS, використовуючи простий проксі-сервер SSL .

Не довіряйте статистиці трафіку Google Analytics

Можливо, це не стандартний рада пошукової оптимізації, але варто згадати. Google Analytics вражає. Тільки страшенно:

У звіті Google Analytics на 500% менше трафіку, ніж у Cloudflare

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

Підсумок SEO поради для блогерів

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

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

До речі, я віддаю шаблон цього блогу. Вона включає всі оптимізації SEO, описані вище, та інші: jekyll SEO template - краща альтернатива блогам на Medium .