7 ключевых методов SEO на странице для ранжирования вашего контента

Опубликовано: 2020-11-10

Внутреннее SEO является обязательным элементом любого блога.

В то время как методы внестраничного SEO помогают пользователям и поисковым системам находить ваш сайт, SEO на странице обеспечивает его действительно высокий рейтинг.

Вы поймете, о чем я говорю, через минуту.

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

Давай продолжим.

Содержание

  • 1. Что такое внутреннее SEO?
  • 2. Методы SEO на странице
    • 2.1. Вставьте целевые ключевые слова в правильные места
    • 2.2 Оптимизируйте свои изображения
    • 2.3 Интегрируйте внешние ссылки на авторитетные сайты
    • 2.4 Внутренние ссылки пользователей на распространение PageRank
    • 2.5 Увеличьте скорость загрузки вашего сайта
    • 2.6. Сделайте свои страницы удобными для мобильных
    • 2.7 Малоизвестные методы SEO на странице
  • 3. Заключение


Что такое внутреннее SEO?

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

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

Гостевые блоги - это пример тактики SEO вне страницы. Гостевые посты не только принесут вам реферальный трафик, но и улучшат ваш рейтинг, укрепив ваш профиль обратных ссылок.

Однако внутреннее SEO включает оптимизацию, которую вы выполняете на своем сайте.

Без лишних слов, вот контрольный список SEO на странице, который оптимизирует ваш сайт сверху вниз.


Методы SEO на странице

Просто дружеское примечание: скриншоты, которые вы увидите в этом посте, сделаны в WordPress с помощью редактора Gutenberg.

Причина? Потому что я использую эту систему управления контентом.

Другие блоггеры должны иметь возможность найти аналогичные функции на своей платформе для достижения тех же конечных результатов.

Теперь, когда мы с этим разобрались, приступим к оптимизации на странице.

1. Вставьте целевое ключевое слово в нужные места

Я веду блог много лет.

Хотите верьте, хотите нет, но однажды блоггерам просто приходилось спамить ключевые слова по всему сайту. Они мгновенно попадут на первую страницу Google!

В современную эпоху SEO такая практика называется «наполнением ключевыми словами». И единственный результат, которого стоит ожидать, - это штраф Google. Нажмите, чтобы твитнуть

Чтобы избежать наказания, блоггеры использовали средства проверки плотности ключевых слов, чтобы узнать, достаточно ли они использовали ключевые слова.

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

Брайан Дин не заботится о плотности ключевых слов
  • Сохранить

Сегодня все дело в том, чтобы ваши целевые ключевые слова появлялись в нужных местах.

Как говорится в комментарии Брайана Дина выше, первые 150 слов вашего контента - хорошее место для начала. Помимо этого, есть пять других элементов контента, куда должны идти ваши целевые ключевые слова:

Тег заголовка

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

По сути, это элемент HTML, который сообщает читателям и сканерам поисковых систем, о чем ваш контент.

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

Если у вас установлена ​​последняя версия WordPress, найдите поле « Добавить заголовок ». Здесь вы должны разместить заголовок, оптимизированный для ключевых слов, желательно в самом начале.

Добавить заголовок в сообщение WordPress
  • Сохранить

Для справки давайте взглянем на страницу результатов поисковой системы или страницу результатов поиска по запросу «электронный маркетинг».

Обратите внимание, как эти сайты вплетают ключевое слово в тег заголовка:

Результаты поиска по электронной почте
  • Сохранить

URL-адрес

Заголовок URL - это еще один элемент контента, который появляется в поисковой выдаче.

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

Что такое URL-адрес
  • Сохранить

Да - это еще один элемент контента, в котором должно быть целевое ключевое слово.

В WordPress вы можете легко изменить ярлык URL, отредактировав «постоянную ссылку» сообщения. Просто выберите заголовок сообщения и нажмите «Изменить» рядом с полем постоянной ссылки.

Редактировать постоянную ссылку на пост WordPress
  • Сохранить

Помимо целевого ключевого слова, постарайтесь сделать заголовки URL-адресов короткими и запоминающимися. Это упростит некоторым читателям возможность снова найти ваш пост в любое время.

Подзаголовки

Вы уже знаете, что вам следует поместить ключевые слова в основную часть вашего контента.

Хотя бы один раз и в пределах первых 150 слов должно хватить.

По всему контенту вам также следует добавить несколько подзаголовков, оптимизированных по ключевым словам, чтобы повысить его общую ценность для SEO. В языке HTML это элементы содержимого внутри тегов, например «<h2>», «<h3>» и т. Д.

Например, вот как выглядит подзаголовок этого раздела в HTML:

Подзаголовок HTML-тегов
  • Сохранить

В редакторе Гутенберга подзаголовки можно создать, добавив блок заголовка. Для этого нажмите кнопку «Добавить блок» и выберите «Заголовок».

Добавление блока заголовка с помощью Гутенберга
  • Сохранить

Тег «H1» обычно зарезервирован для основного заголовка контента. С другой стороны, в подзаголовках используются буквы «H2» и далее.

Вот почему вы можете создавать только теги H2, H3 и H4 в блоке заголовка.

Типы подзаголовков Гутенберг
  • Сохранить

Категории сообщений

Многие SEO-гиды забывают упомянуть, что категории тоже заслуживают оптимизации под ключевые слова.

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

Вы можете создавать категории в WordPress, перейдя в «Категории» из подменю «Сообщения» . Вы можете сразу же создать новую категорию, введя имя и URL-адрес.

Добавить категорию сообщения
  • Сохранить

Как и в случае с фактическими сообщениями, названия категорий и ярлыки URL-адресов должны быть оптимизированы по ключевым словам. Единственная разница в том, что в случае категорий лучше использовать широкие темы, а не длинные ключевые слова.

Например, если вы ведете блог о видеоиграх, вы можете использовать такие категории, как «RPG», «Action», «Horror» и «Multiplayer».

Я хотел бы рассказать вам все о категориях WordPress, но это сообщение в блоге на другой день.

Мета Описание

Возвращаясь к поисковой выдаче, мета-описание страницы предоставляет пользователям краткое изложение содержания.

Хотя это не оказывает прямого влияния на рейтинг веб-сайта, оно может в определенной степени влиять на количество переходов по ссылкам . Это, в свою очередь, влияет на органический трафик, который может генерировать публикация, что приводит в движение другие аспекты ранжирования.

Получите это: хотя Google пояснил, что мета-описание не влияет на ранжирование, на верхних страницах используются описания, оптимизированные для ключевых слов.

Мета-описания поисковой выдачи
  • Сохранить

Чтобы создавать метаописания в WordPress, вам понадобится помощь Yoast SEO - инструмента для оптимизации страницы для блогеров.

После установки вы можете получить доступ к функциям Yoast SEO в редакторе сообщений. Для пользователей Gutenberg это можно сделать, щелкнув значок Yoast в правом верхнем углу интерфейса.

Как использовать плагин Yoast SEO WordPress
  • Сохранить

Нажав на «Предварительный просмотр фрагмента», вы увидите, как ваше сообщение выглядит в поисковой выдаче. Оттуда вы также можете напрямую редактировать заголовок вашего сообщения, URL-адрес и мета-описание.

Предварительный просмотр сниппета Yoast SEO
  • Сохранить

Имейте в виду, что если вы используете WordPress, аналогичную панель можно найти чуть ниже редактора.

При написании метаописаний убедитесь, что вы используете только от 150 до 160 символов. Более того, ваше описание может не отображаться должным образом в поисковой выдаче, поскольку Google обрезает текст для единообразия.

Удобно, что плагин Yoast SEO визуализирует предварительный просмотр вашего метаописания в режиме реального времени по мере ввода. Используйте его, чтобы не писать слишком длинные метаописания.

2. Оптимизируйте свои изображения

Говоря о местах для размещения ключевых слов, помните, что изображения также должны быть оптимизированы по ключевым словам.

В прошлом я писал о лучших стратегиях оптимизации изображений веб-сайтов для SEO.

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

Использование оптимизированных имен файлов изображений

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

Легко - имя файла изображения и текстовый тег alt.

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

Переименование изображений на Mac
  • Сохранить

Вопрос в том, как вы должны называть свои изображения?

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

Цель здесь - быть как можно более описательной, чтобы помочь поисковым системам понять изображение.

Допустим, у вас есть это милое фото Гранд-Каньона. Вместо того, чтобы оставить название « photo_2019_05_10_13-29-01.png », назовите его « Национальный парк Гранд-Каньон » или «Туристическая фотография Гранд-Каньона».

При загрузке в WordPress имя файла изображения будет автоматически преобразовано с дефисами между словами. Например, «Гранд-Каньон-Национальный-Парк.png» вместо «Национальный парк Гранд-Каньон».

Изменения имени файла после загрузки в WordPress
  • Сохранить

Не переживайте - поисковые системы все равно понимают эти имена файлов.

Оптимизация тегов замещающего текста изображения

Помимо имен файлов изображений, теги альтернативного текста или замещающего текста также должны быть описательными и, если возможно, оптимизированными по ключевым словам.

Вы можете редактировать теги замещающего текста в своей медиатеке WordPress или при добавлении изображений в свой пост. Найдите поле « Альтернативный текст » в программе загрузки изображений или в медиа-библиотеке.

Альтернативное текстовое поле в WordPress
  • Сохранить

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

Например, если я загружаю инфографику, которая визуализирует бизнес-модель партнерского маркетинга, я могу использовать:

  • Как работает партнерский маркетинг
  • Модель партнерского маркетинга
  • Как заработать на партнерском маркетинге

Сжатие ваших изображений

С этого момента вы должны принять привычку переименовывать изображения и добавлять теги alt-текста.

Есть еще одна вещь, которую нельзя упускать из виду при использовании изображений в своем блоге.

Я говорил об этом, когда писал о способах сокращения времени загрузки страницы блога.

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

Для этой работы я всегда рекомендовал Kraken.io - бесплатный инструмент сжатия без потерь, доступный в Интернете. Он использует веб-интерфейс, который позволяет вам массово сжимать изображения без заметного снижения качества.

Как использовать Kraken.io для сжатия изображений
  • Сохранить

3. Интегрируйте внешние ссылки на авторитетные сайты.

При написании контента, ориентированного на SEO, нужно помнить несколько правил.

Прежде всего, ваш контент должен быть убийственного качества, чтобы удовлетворить читателей и поисковых роботов.

Это то, что требует более подробного руководства, поэтому я опубликовал этот пост некоторое время назад.

При написании сообщений вам необходимо помнить об интеграции исходящих ссылок на другие сайты.

Что такое исходящие ссылки?

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

Например, я мог бы пойти прямо сейчас и дать ссылку на сообщение Рэйлин Тан об инструментах и ​​ресурсах SEO. Большинство инструментов могут оказаться полезными для применения знаний, которые вы узнаете из этой статьи.

Если вы являетесь преданным читателем Master Blogging, вы должны знать, что я сам большой поклонник внешних ссылок.

Основные внешние ссылки для ведения блогов
  • Сохранить

Внешние ссылки: что нужно помнить

Ниже приведены несколько советов, которые следует помнить о внешних ссылках:

1. Не спамите внешние ссылки

Какими бы полезными ни были внешние ссылки для SEO и ваших читателей, чрезмерное их использование имеет ряд недостатков.

Дело в том, что внешние ссылки определенно могут отвлечь внимание читателей от вашего контента.

Чем больше исходящих ссылок вы используете на своей странице, тем больше у вашей аудитории будет причин уйти.

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

Как правило, используйте менее пяти исходящих ссылок на каждые 500 слов вашего контента.

Исходящие ссылки
  • Сохранить

Кроме того, постарайтесь распределить их по всему контенту, а не собирать их вместе в один абзац. Это должно сделать вашу стратегию внешних ссылок более естественной - как и должно быть.

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

2. Ссылка только на авторитетные сайты

Если вы используете исходящие ссылки для релевантности, вы также можете указать ссылку на самый авторитетный ресурс, который вы можете найти.

В большинстве случаев достаточно выбрать только сайты с первой страницы Google.

Предположим, вы хотите дать ссылку на сообщение, в котором обсуждается важность SEO. Быстрый поиск в Google с использованием ключевого слова « важность SEO » должен указать вам на нужные сайты.

Важность результатов SEO
  • Сохранить

Однако если вы ориентируетесь на непопулярные ключевые слова, которые могут приводить к страницам с низким авторитетом в поисковой выдаче, обязательно перепроверьте сайты.

Вы же не хотите отправлять читателей и поисковые системы на некачественный контент.

3. Знайте, когда использовать нежелательные ссылки

Для новичков в SEO есть два типа внешних ссылок, о которых вы должны знать:

Ссылки «Nofollow» и «Dofollow».

Я избавлю вас от жаргона SEO и скажу следующее: ссылки dofollow передают авторитет, а ссылки nofollow - нет.

Это означает, что ссылки dofollow имеют больший вес в алгоритме Google PageRank, что напрямую влияет на органический рейтинг веб-сайта.

Если это так, то какова цель атрибута nofollow в ссылках?

Короче говоря, ссылки nofollow были предназначены для предотвращения злоупотреблений спамерами легко доступных источников ссылок, особенно комментариев в блогах и форумов. Нажмите, чтобы твитнуть

Использование ссылок nofollow также помогает блоггерам избежать наказания за ссылки на некачественные сайты или наличие слишком большого количества исходящих ссылок. Это имеет смысл, если вы просматриваете другой сайт, создаете платную ссылку или пишете очень длинный обзорный пост.

Чтобы создать ссылку nofollow, просто вставьте rel = ”nofollow ” между тегами <a>.

Как создавать ссылки Nofollow
  • Сохранить

4. Настройте внешние ссылки для открытия новой вкладки.

Еще один способ сохранить интерес читателя к вашему сообщению - это указать всем внешним ссылкам открывать новую вкладку.

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

Если ссылка открывает новую вкладку, вы можете удерживать внимание читателя даже после показа им новой страницы.

Чтобы ссылки открывали новую вкладку в WordPress, самый простой способ - использовать переключатель «Открыть в новой вкладке» . Вы можете получить доступ к этой опции при вставке ссылок с помощью редактора сообщений.

Открыть в новой вкладке Toggle
  • Сохранить

С помощью HTML вы можете установить ссылки для открытия новой вкладки с атрибутом target = ”blank” . Его нужно вставить в тег <a> в коде вашей страницы.

Как использовать атрибут Target = "blank"
  • Сохранить

5. Естественно используйте только внешние ссылки

Наконец, вы никогда не должны вставлять исходящие ссылки ради наличия внешних ссылок в вашем контенте.

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

Исходящая ссылка должна предоставлять читателям дополнительную ценность - в противном случае в этом нет необходимости. Нажмите, чтобы твитнуть

Типичные сценарии включают ссылки на источники данных, упомянутые инструменты, пояснения технических терминов и другие ссылки.

Если вам действительно нужно вставить ссылку, выделите один или два абзаца, чтобы объяснить, куда она ведет.

Посмотрите, как я вставляю внешние ссылки в свой блог:

Естественная исходящая ссылка
  • Сохранить

4. Используйте внутренние ссылки для увеличения PageRank

В отличие от внешних ссылок, которые переводят читателей в совершенно другой домен, внутренние ссылки позволяют удерживать их на своем сайте.

Я написал о внутренних ссылках в этом полном руководстве, поэтому я не буду здесь подробно рассказывать об этом.

Видеть, что? Я просто использовал внутреннюю ссылку, чтобы показать вам что-то полезное.

Вот что такое внутренние ссылки - дать вашим читателям больше полезной информации из вашей собственной библиотеки контента.

Помимо улучшения восприятия вашей аудитории, внутренние ссылки также имеют преимущества для SEO.

Они передают PageRank другим страницам и помогают сканерам поисковых систем индексировать больше вашего контента.

Советы по внутренним ссылкам

Чтобы полностью использовать внутренние ссылки, соблюдайте правила, аналогичные тем, которые вы использовали при создании внешних ссылок, например:

  • Настройте внутренние ссылки для открытия новой вкладки - даже если вы технически все еще удерживаете читателей на своем сайте, внутренние ссылки по-прежнему могут быть удобны для пользователя. Установка внутренних ссылок для открытия новых вкладок гарантирует, что они не забудут, почему они вообще появились.
  • Используйте информативные якорные тексты - это может показаться легкой задачей, но многие новички все равно забывают об этом. Независимо от того, является ли ваша ссылка внешней или внутренней, читатели должны знать, чего ожидать на другой стороне.
  • Ссылки на связанные страницы - если вы действительно заботитесь о впечатлениях своих читателей, вы не будете спамить им ссылки на нерелевантные страницы. Насколько это возможно, дайте ссылку только на сообщения, которые могут помочь им в достижении поставленной цели.

Если вы хотите направить читателей на несколько несвязанные сообщения, вместо этого рассмотрите ссылки в своем заключении или на боковой панели навигации .

Здесь, в Master Blogging, я объединяю эти ссылки на панели «Полезные руководства по ведению блога»:

Полезные руководства по ведению блога
  • Сохранить

5. Повысьте скорость загрузки вашего сайта

Итак, теперь у вас в блоге потрясающий контент, который вам не терпится показать своей аудитории.

Им также не терпится просмотреть ваш контент - в плохом смысле.

В эпоху непродолжительного внимания 20-40 процентов пользователей покидают сайт, который не загружается в течение трех секунд.

Это огромное количество, особенно с учетом объема работы, необходимой для создания трафика.

Скорость загрузки как фактор ранжирования

Поскольку Google - это все о пользовательском опыте, скорость загрузки также является общепризнанным фактором ранжирования для результатов поиска и размещения рекламы.

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

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

Использование GTmetrix в качестве стартовой панели

GTmetrix - отличная альтернатива PageSpeed ​​Insights, если вы планируете оптимизировать производительность своего сайта.

Он оценивает производительность вашего веб-сайта и выявляет основные факторы, которые могут его замедлить.

Чтобы использовать GTmetrix, введите URL-адрес вашего веб-сайта в основное поле и нажмите «Анализировать».

Как использовать GTmetrix
  • Сохранить

Через несколько секунд GTmetrix представит вам подробный отчет о производительности. Он содержит вашу общую оценку скорости, общее время загрузки и количество обработанных HTTP-запросов.

Отчет об эффективности веб-сайта GTmetrix
  • Сохранить

Что действительно важно в отчете, так это список действенных рекомендаций , которые помогут вам ускорить ваш сайт.

Вам не нужно долго прокручивать, чтобы найти это:

Рекомендации PageSpeed ​​Insights
  • Сохранить

Если эти рекомендации кажутся вам иероглифами, обратитесь к руководству, на которое я ссылался ранее - вы не пожалеете об этом!

Вы можете заметить, что на вкладке над этими рекомендациями написано «PageSpeed». Это потому, что GTmetrix собирает информацию из PageSpeed ​​Insights для создания отчета о производительности.

В любом случае, зачем использовать GTmetrix, если рекомендации взяты из PageSpeed ​​Insights?

Два слова: больше данных.

PageSpeed ​​Insights - не единственный источник данных GTmetrix. Он также собирает информацию из YSlow - инструмента с открытым исходным кодом, который анализирует производительность веб-сайтов на основе правил Yahoo .

Информация от YSlow
  • Сохранить

Кроме того, GTmetrix предоставляет дополнительные данные, такие как диаграмма водопада , визуализация времени загрузки страницы и история данных о производительности. Все это может помочь вам отслеживать и настраивать ваши усилия по оптимизации производительности с течением времени.

История производительности GTmetrix
  • Сохранить

6. Сделайте свои страницы удобными для мобильных

Следующим аспектом SEO на странице также является инструмент Google, который вы можете использовать, а именно Mobile-Friendly Test .

Если вы не слышали, Google теперь отдает приоритет мобильной версии веб-сайтов в процессе индексации. Это реализовано в рамках инициативы Mobile-First Indexing, объявленной в 2018 году в официальном блоге Google для веб-мастеров.

Короче говоря, сосредоточение внимания на оптимизации мобильной версии вашего сайта на странице больше не вариант. Фактически, он должен быть в верхней части вашего списка дел в том, что касается SEO на странице.

Как использовать Google Mobile-Friendly Test

Mobile-Friendly Test может указать вам правильное направление, проанализировав ваш сайт и предложив предложения по оптимизации.

Как и PageSpeed ​​Insights, Mobile-Friendly Test требует только URL вашего веб-сайта, чтобы начать работу.

Мобильная тестовая домашняя страница
  • Сохранить

Чтобы продемонстрировать, как работает Mobile-Friendly Test, давайте посмотрим на результаты тестирования неоптимизированного сайта.

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

Что мне нравится в Mobile-Friendly Test, так это то, насколько он прямолинейный и точный.

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

Мобильный тест на самом худшем веб-сайте в мире
  • Сохранить

Конечно, эти рекомендации содержат полезные ресурсы для не разработчиков.

В разделе отчета «Дополнительные ресурсы» нажмите «Узнать, как исправить эти ошибки». Вы попадете на страницу «Справка Search Console», где сможете получить более подробную информацию об обнаруженных проблемах.

Дополнительные ресурсы для тестирования мобильных устройств
  • Сохранить

Чтобы помочь вам сэкономить время, вот некоторые из распространенных ошибок, с которыми вы можете столкнуться во время теста Mobile-Friendly Test:

Область просмотра не задана

В веб-разработке свойство «viewport» помогает браузерам определять подходящие размеры страницы для текущего устройства пользователя.

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

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

WordPress, например, предлагает десятки бесплатных тем, адаптированных под мобильные устройства.

Адаптивные темы WordPress
  • Сохранить

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

Если вы блоггер DIY и хотите самостоятельно заняться адаптивным дизайном, прочтите этот пост. Это руководство по адаптивному веб-дизайну от Шей Хоу .

Контент шире экрана

У экспериментов с адаптивным веб-дизайном без какого-либо опыта программирования есть обратная сторона.

Это может привести к неожиданным проблемам, например к проблеме «контент шире экрана».

Если Mobile-Friendly Test обнаруживает эту проблему, это означает, что на вашем сайте отображаются элементы за пределами горизонтального пространства просмотра по умолчанию, установленного пользователем. В результате ваша аудитория должна прокручивать влево и вправо, чтобы полностью просмотреть ваш контент.

Это может показаться банальным, но это нарушает интуитивность просмотра веб-сайтов с помощью устройства с сенсорным экраном.

Вы также будете слегка раздосадованы, если при просмотре контента на телефоне привыкли проводить пальцем вверх и вниз.

Контент TWWWE за пределами экрана
  • Сохранить

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

Но если вы не из тех, кто отказывается от проблем, запомните этот совет:

Всегда используйте значения относительной ширины.

При установке значений ширины для элементов страницы в CSS используйте относительные значения, такие как width: 100%. В отличие от абсолютной ширины, такой как «ширина: 500 пикселей», процентное значение до 100% должно удерживать все в пределах экрана.

Текст слишком мал для чтения

Учитывая все обстоятельства, проблему «текст слишком мелкий для чтения» легко исправить.

Как вы уже догадались, Mobile-Friendly Test представит эту проблему, если в вашем блоге используются шрифты, которые слишком малы для экранов мобильных устройств.

Мне не нужно объяснять вам, что решение - увеличить размер шрифта вашего контента.

Как узнать, достаточно ли большие у вас шрифты?

В идеале текстовые столбцы должны содержать от 70 до 80 символов в строке для максимальной читаемости. Не стесняйтесь изменять настройки размера шрифта, чтобы добиться этого.
Нажмите, чтобы твитнуть

А пока обратитесь к такому инструменту, как mobiReady, чтобы проверить, как ваш сайт будет отображаться на различных дисплеях.

MobiReady Test
  • Сохранить

Интерактивные элементы расположены слишком близко друг к другу

«Щелкаемые элементы расположены слишком близко друг к другу» - еще одна очевидная проблема, которую вы могли бы решить самостоятельно.

Это означает, что вы не используете достаточно пробелов между интерактивными элементами, такими как ссылки, кнопки и изображения. Это мешает мобильным пользователям нажимать или «касаться» этих объектов и перемещаться по вашему блогу.

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

В качестве примера позвольте мне поделиться с вами, как мой веб-сайт отображает интерактивные элементы на смартфонах.

Обратите внимание, как меню навигации и кнопки совместного доступа переключаются на вертикальную компоновку:

Интерактивные элементы в MasterBlogging
  • Сохранить

Использует несовместимые плагины

Посмотрим правде в глаза, очень немногие из вас, вероятно, используют модный Flash- контент в своем блоге.

Не поймите меня неправильно - я восхищаюсь блоггерами, которые не боятся попробовать что-то новое.

Если это означает оживление пользовательского опыта и выделение среди конкурентов, не бойтесь «переусердствовать». Однако ваши усилия не должны происходить за счет доступности.

Видите ли, известно, что Flash-контент несовместим с большинством мобильных устройств Android и iOS. При этом использование их в своем блоге может в одиночку убить пользователей мобильных устройств.

Если вы полны решимости сделать свой блог более удобным для пользователей, добавив богатый контент, сделайте это с помощью HTML5. В отличие от Flash, он изначально поддерживается значительно более длинным списком веб-браузеров.

7. Менее известные методы SEO на странице

Вот и все.

В приведенном выше списке представлены стратегии, необходимые для последних обновлений SEO в этом году.

В любом случае все, что упоминается в большинстве статей, курсов и руководств по SEO.

Вы можете продвинуть свою оптимизацию на странице еще дальше с помощью менее известных методов, описанных ниже.

Встраивание похожих видео

Среди последних тенденций в области SEO в этом году - растущее значение видеоконтента для органического ранжирования.

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

Теперь небольшие блоггеры могут инвестировать в видеоконтент более выгодно благодаря облачным платформам, таким как Animaker. Эти инструменты упрощают создание видео, особенно с такими базовыми форматами, как обучающие видеоролики с доской и анимированная инфографика.

Возможности Animaker
  • Сохранить

Создание дополнительных комментариев в блоге

Хотите верьте, хотите нет, но комментарии в блогах напрямую влияют на способность вашего сайта генерировать органический трафик.

Прочтите этот пост о том, как получить больше комментариев в блоге для получения полной информации. Тем не менее, вот основные выводы, которые вы должны знать, чтобы зажечь обсуждения в ваших сообщениях:

  • Пишите, используя разговорный тон, чтобы у читателей появилось настроение общаться
  • Создавайте списки в своих сообщениях и спрашивайте читателей о дополнительных предложениях
  • Вставьте призыв к действию или призыв к действию в конце своих сообщений, чтобы побудить читателей комментировать
  • Сделайте процесс комментирования в блоге упрощенным и доступным

Следите за уровнем чтения вашего контента

Обратите внимание, есть два типа блогеров:

Тех, кого волнует уровень чтения своего контента, и тех, кого нет.

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

В Yoast SEO для WordPress есть программа проверки Flesch Reading Ease, которая измеряет, насколько «сложно» читать ваш контент.

Оценка легкости чтения Flesch Yoast SEO
  • Сохранить

Чем выше ваша оценка Flesch Reading Ease, тем лучше. Более низкие оценки, наоборот, указывают на то, что ваш контент может быть слишком трудным для чтения.

Чтобы улучшить показатель легкости чтения Flesch для вашего контента, рассмотрите следующие приемы написания:

  • Делайте предложения короткими - если вы не заметили, 99 процентов предложений, которые я пишу, содержат всего 20 слов или меньше. Я делаю это, чтобы сделать длинные статьи менее утомительными для чтения.
  • Часто разбивайте абзацы. Еще одна вещь, которую вы заметите, это то, что большинство моих абзацев очень короткие - до двух предложений каждый. Если вы думаете, что это слишком много, вы можете в среднем использовать всего пять предложений в абзаце.
  • Используйте малослоговые слова - тест Flesch Reading Ease учитывает среднее количество слогов в слове в описании. Чтобы улучшить свой результат, выбирайте более короткие слова с низким слогом вместо сложных, например «плохо» вместо «неудовлетворительно».

Держите заголовки короткими

И последнее, но не менее важное: заголовок вашего сообщения в блоге должен быть больше, чем просто оптимизирован по ключевым словам, чтобы преуспеть в поисковой выдаче.

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

Однако с точки зрения SEO на странице многие блоггеры забывают, что заголовки своих постов не должны превышать 50-60 символов.

Как и метаописания, Google обрезает заголовки страниц в поисковой выдаче. Сохранение заголовков длиной менее 50-60 символов в значительной степени гарантирует, что они будут отображаться правильно.

Если сомневаетесь, используйте инструмент предварительного просмотра тега заголовка от Moz. Все, что вам нужно сделать, это ввести название, которое вы хотите использовать, и нажать «Проверить».

Инструмент предварительного просмотра тега заголовка Moz
  • Сохранить

Вывод

Как насчет этого - вы закончили еще одно руководство, которое улучшит вашу игру в блог!

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

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

Удачи!

  • Сохранить