banner_nika_hozyaike      banner_pos_bekker     banner_specpredl_roznica_2

Лучшие SEO Советы и инструменты для программирования блогов и блоггеров в 2018 году

  1. Добавить структурированные данные, чтобы включить избранные фрагменты
  2. Оптимизация скорости рендеринга и «мобильности»
  3. Использование кэширования в браузере с препроцессором ресурсов
  4. Оптимизируйте и изменяйте размеры изображений
  5. Пересмотреть зависимости сайта
  6. Проверьте результаты оптимизации
  7. Дважды проверьте правильность написания
  8. Используйте SSL для своего блога
  9. Не доверяйте статистике трафика Google Analytics
  10. Резюме SEO советов для блоггеров

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

я использую Джекил основан шаблон pixyll для этого блога, но большинство советов должно быть применимо ко всем пользовательским блог-движкам. Если вы используете Medium в качестве единственной платформы для ведения блогов ( protip: вы, вероятно, не должны ) ни один из этих советов не будет применим.

Вот что вы можете сделать:

Обмен в социальных сетях является одним из главных источников трафика на мой блог. Вы можете влиять на то, как выглядит ваша публикация, когда она публикуется на сайтах социальных сетей, используя так называемые «метатеги Open Graph». На какую из этих карточек Twitter вы бы предпочли нажать?

Пост Blogger опубликован в Twitter без правильных метатегов

В блоге Blogger опубликованы правильные метатеги.

В настоящее время мой блог использует следующие метатеги:

<meta property = "og: locale" content = "..."> <meta property = "og: type" content = "..."> <meta property = "og: title" content = "..." > <meta property = "og: description" content = ""> <meta property = "og: url" content = "..."> <meta property = "og: site_name" content = "..."> < meta property = "og: image" content = "..."> <meta property = "og: image: width" content = "..."> <meta property = "og: image: height" content = ". .. "> <meta property =" article: publ_time "content =" ... "/> <meta name =" twitter: card "content =" ... "> <meta name =" twitter: image "content = "..."> <meta name = "twitter: site" content = "..." /> <meta name = "twitter: creator" content = "..." /> <meta name = "twitter: title "content =" ... "/> <meta name =" twitter: description "content =" ... "/> <meta name =" twitter: url "content =" ... "/>

Лучший способ проверить, как ваша страница будет отображаться на сайтах социальных сетей, - использовать эти инструменты:

Twitter Card Validator

Facebook Open Graph отладчик

Добавить структурированные данные, чтобы включить избранные фрагменты

Как я уже упоминал, добавление структурированных данных позволяет вашему веб-сайту отображаться в списке популярных результатов поиска Google:

Избранный фрагмент благодаря структурированным данным

Это schema.org BlogPosting строительные леса, которые я использую для этого блога:

<script type = "application / ld + json"> {"@context": "http://schema.org", "@type": "BlogPosting", "mainEntityOfPage": {"@type": "WebPage" , "@id": "..."}, "headline": "...", "image": {"@type": "ImageObject", "url": "...", "height" : 640, "width": 1024}, "datePublished": "...", "dateModified": "...", "author": {"@type": "Person", "name": ". .. "}," publisher ": {" @type ":" ... "," name ":" ... "," logo ": {" @type ":" ImageObject "," url ":" ... "," width ": 600," height ": 60}}," description ":" ... "," Keywords ":" ... "} </ script>

Пример структурированных данных для поста в блоге. Логотип издателя должен иметь размер 60х600.

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

Оптимизация скорости рендеринга и «мобильности»

В 2016 году Google анонсировала свой подход «Mobile-first» к ранжированию страниц. Как быстро страница загружается и чувствует себя для мобильных пользователей, является важным сигналом ранжирования, который должен быть оптимизирован. Вот некоторые отличные инструменты, позволяющие обнаружить мобильные недостатки вашего сайта:

Google Page Speed ​​Insights

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

Тест веб-страницы

Вот несколько оптимизаций, которые я успешно применил к этому блогу:

Использование кэширования в браузере с препроцессором ресурсов

Скоростной тест Google не будет удовлетворен, если вы не кэшируете свои статические ресурсы в течение по крайней мере 8 дней. Чтобы избежать проблем с сохранением устаревших ресурсов браузерами клиентов, вы должны использовать препроцессор assets. Для этого блога я использую Джекилл-активы добавить дайджест теги ко всем ресурсам. Всякий раз, когда ресурс меняет свой тег дайджеста в URL, я могу кешировать все, не беспокоясь о том, что устаревшая версия когда-либо обслуживается.

Одна из проблем заключается в том, что вы не можете кэшировать внешние ресурсы, такие как библиотека Disqus JavaScript самой Google Analytics. Есть несколько хакерских способов преодолеть это. Вы можете периодически загружать обновленные файлы на свой сервер, используя запланированные задачи, и добавлять заголовки кэширования, но я пока не пытался это сделать.

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

Оптимизируйте и изменяйте размеры изображений

Этот довольно легко исправить. Просто обработайте все ваши изображения с compressor.io , Кроме того, убедитесь, что они имеют размер, необходимый для правильного отображения во всех разрешениях. Я только недавно удалил изображение размером 6000x4000 с целевой страницы Abot - Анонимный инструмент обратной связи для Slack ,

Пересмотреть зависимости сайта

Для меня интересным побочным эффектом игры с этими инструментами оптимизации стало то, что я стал больше думать о коде, который я встраиваю на свои сайты. Нужна ли мне необычная поддержка чата в режиме реального времени на целевой странице, когда подойдет стандартная контактная форма? Нужна ли мне интерактивная кнопка «нравится / следовать» для встраивания КБ шпионских программ, которые мои посетители, вероятно, все равно заблокируют? Может быть, я мог бы просто добавить значок со ссылкой на мою учетную запись / фан-страницу?

Это зависит только от вас, но испортить мобильность вашего сайта и SEO-рейтинг за пару наворотов не может быть лучшим компромиссом.

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

После нескольких SEO-оптимизаций Google рейтинг скорости, наконец, становится зеленым.

Как вы можете видеть, этот блог довольно быстрый, согласно тесту скорости Google. Когда я начал заниматься SEO и рендерингом, ориентированным на скорость, это было около 70.

Дважды проверьте правильность написания

Я недавно обнаружил, что у меня была опечатка в заголовке одна из моих целевых страниц , Должно быть, это убивало моего SEO в течение нескольких месяцев. Я настоятельно рекомендую перепроверить все ваши письма с Grammarly ,

Используйте SSL для своего блога

Нет никаких оправданий тому, почему технический блог (или любой веб-сайт) в 2018 году не должен иметь поддержку SSL. С 2014 года HTTPS является сигналом ранжирования для робота Google. Вы можете проверить мои другие сообщения в блоге для советов о том, как установить бесплатный подстановочный SSL с Cloudflare а также обслуживать все ресурсы браузера через HTTPS с помощью простого SSL-прокси ,

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

Возможно, это не стандартный совет по поисковой оптимизации, но стоит упомянуть в любом случае. Google Analytics потрясающая. Только ужасно неточно

Google Analytics сообщает примерно на 500% меньше трафика, чем Cloudflare

Я был удивлен, увидев, насколько обе цифры отличаются. Я нацеливаюсь на технически подкованных пользователей в своих сообщениях в блоге, так что это, вероятно, увеличивает соотношение включенных блокировщиков рекламы и отслеживания, но, тем не менее, разница в 500% огромна. Если вы принимаете какие-либо деловые решения на основе данных Google Analytics, не забудьте принять их во внимание. Вы можете добавь Cloudflare на твой сайт бесплатно , В отличие от Google Analytics, он работает, передавая весь трафик через их серверы, поэтому его невозможно заблокировать.

Резюме SEO советов для блоггеров

Некоторые люди говорят, что нет такой вещи, как методы поисковой оптимизации. Вам просто нужно создать ценный контент. Но почему бы не помочь обнаружить этот ценный контент, оптимизировав его?

Я надеюсь, что вы не знали хотя бы одного из этих методов SEO и заметите увеличение трафика после его применения на вашем сайте. Дайте мне знать, если я что-то не так или вы знаете другие способы улучшить SEO-рейтинг блога по программированию.

Кстати, я отдаю шаблон этого блога. Он включает в себя все SEO оптимизации, описанные выше и многое другое: SEO шаблон jekyll - лучшая альтернатива блогам на Medium ,

На какую из этих карточек Twitter вы бы предпочли нажать?
Нужна ли мне необычная поддержка чата в режиме реального времени на целевой странице, когда подойдет стандартная контактная форма?
Нужна ли мне интерактивная кнопка «нравится / следовать» для встраивания КБ шпионских программ, которые мои посетители, вероятно, все равно заблокируют?
Может быть, я мог бы просто добавить значок со ссылкой на мою учетную запись / фан-страницу?
Но почему бы не помочь обнаружить этот ценный контент, оптимизировав его?

Наш магазин

Сезонные товары

Icon    Доставка в течение дня
Icon    Работаем с 09:00 до 18:00 кроме выходных
Icon    Возврат в течении 14 дней
Icon    Гарантия на все товары