Оптимизация сайта или SEOptimer на практике
- 1. SEO - HTML-заголовок, контент, ссылки и др. 🙂
- Заголовок HTML, который является заголовком и описанием страницы
- Body Content - заголовки, насыщенность ключевыми словами, объем контента и описание графики
- Насыщенность ключевых слов
- Количество контента по отношению к коду и описаниям "alt" фотографий
- Ссылки внутри страницы и ссылки на сайт. Дружественные ссылки и ссылки, которые не работают
- Другое, это страница Sitemap и связь с Google Analytics.
- 2. Юзабилити или юзабилити для других устройств
- 3. Производительность (производительность), социальные сети и безопасность веб-сайта (безопасность).
Исследуя наш сайт с помощью онлайн-инструмента SEOptimer.com мы получим рейтинг нашего сайта в 5 категориях: SEO , удобство использования , производительность , социальные сети и безопасность . Это хорошая отправная точка для улучшения основных элементов сайта, которые влияют на качество нашего сайта. В следующей статье я опишу, как мы можем улучшить некоторые моменты самостоятельно, где их искать и как они выглядят физически в коде страницы и снаружи.
Конечно, сайт на WordPress весьма полезен, потому что с уровня неспециалистов некоторые пункты могут быть реализованы с помощью дополнительных плагинов.
1. SEO - HTML-заголовок, контент, ссылки и др. 🙂
На примере сайта StudioLokomotywa.pl я сгенерировал примерный аудит. Результаты довольно хорошие, но на этом этапе я вижу, что можно улучшить еще несколько элементов. Но один за другим.
Заголовок HTML, который является заголовком и описанием страницы
На первый взгляд, в заголовке SEO Results мы читаем, что наш сайт в значительной степени оптимизирован для производительности, но заголовок «Тег заголовка» слишком длинный, и было бы оптимальным сократить его до максимум 70 символов.
И на самом деле. Набирая фразу, например, позиционируя Познань, мы видим в нашем случае в третьей позиции эффект выражения сокращения:
Чтобы обновить или изменить заголовок нашего веб-сайта / подстраницы, отредактируйте файл на соответствующем сервере и обновите содержимое, которое находится между <title> ... </ title>. Для домашней страницы это должен быть index.html / index.php
В WordPress все по-другому - в большинстве случаев, если мы используем Yoasta SEO или другой плагин для оптимизации META, нам не нужно редактировать файлы непосредственно на сервере. Это отличная помощь для новичков и более продвинутых, если для обновления META требуется большое количество подстраниц. Благодаря Yoast SEO мы редактируем определенную страницу и можем действовать:
Аналогично, ситуация касается описания страницы, то есть описания META. В случае ручного поиска такой строки: <meta name = "description" content = "DESCRIPTION">
Body Content - заголовки, насыщенность ключевыми словами, объем контента и описание графики
Последние новости
На данный момент мы стремимся оптимизировать контент. На мой взгляд, ключевой элемент часто является наиболее важным для поправки. Например, люди, создающие веб-сайт, забывают, что заголовок H1 должен использоваться только один раз на главной странице, а остальные заголовки должны быть в правильном порядке:
SEOptimer показывает только, есть ли на странице заголовки, если да, и в каком количестве. Если есть несколько заголовков H4 неправильно после заголовка H1, и после этого несколько H2 являются неправильными, и улучшение этого состояния относится к задаче человека, который будет оптимизировать страницу так, чтобы целое было организовано в соответствии с искусством и сохраняло визуальный стиль, как до и после оптимизации ,
Насыщенность ключевых слов
Здесь, на мой взгляд, этот модуль не работает должным образом, хотя, если в нем появляется ключевое слово, нам полезно предварительно просмотреть, какие части страницы появляются, а какие отсутствуют. Благодаря этому мы догоним и позаботимся о фразе «позиционирование», как в случае с «Локомотивом» и в заголовке, так и в META и в заголовке. Как происходит оптимизация этих элементов, например, слоган «как» или «нет» - я понятия не имею, может быть, когда-нибудь вы можете заполнить все красные кресты здесь зеленым крючком 🙂
Количество контента по отношению к коду и описаниям "alt" фотографий
Хорошо, если на странице более 500 символов . Ключевое слово должно появляться не менее одного раза в абзаце, а соотношение содержания и кода страницы должно составлять около 40% . Код можно посмотреть в исходной странице. SEOptimer не показывает нам конкретный результат в цифрах, но предлагает зеленую галочку, что в этом случае все в порядке, в противном случае мы должны либо выбросить ненужные скрипты из кода страницы, либо добавить несколько предложений полезного текста. Разумеется, вариант одного и другого в зависимости от ситуации также указывается, как удаление загрузки ненужных скриптов.
например, сценарии, необходимые для работы с контактной формой, которая используется только на подстранице, должны читаться только на этой подстранице.
Если мы находимся по тексту, то стоит также описать их графику, которая улучшает читабельность и иллюстрирует текст, чтобы поисковая система могла также классифицировать, какую графику. Для этого к каждой графике в коде HTML должен быть добавлен атрибут ALT = "" - в нем наше описание, например, ALT = "Studio LogoLocomotive". В случае графики, у которой нет подписи, нам нужно наверстать упущенное для этой темы, и чтобы упростить ее для нас, мы можем использовать SEOptime после нажатия «Показать подробности», чтобы проверить, какие файлы являются графически специфичными.
Ссылки внутри страницы и ссылки на сайт. Дружественные ссылки и ссылки, которые не работают
На данный момент мы перечислили 4 фактора, ориентированных только на ссылки. Из ссылок, указывающих на наш сайт, ссылок, которые есть в структуре нашего сайта, ссылок, которые не работают и есть ли у нас дружественные ссылки.
Сама история создания ссылок и построения стратегий - это люди, широкая и очень важная тема SEO. Как более внимательно проверить ссылки, приходящие на наш сайт Вы можете прочитать на нашем блоге и ниже скриншот, показывающий только суть числа:
Другое, это страница Sitemap и связь с Google Analytics.
Этот момент обычно запоминается только для меня, чтобы создать ключевые элементы SEO, которые облегчат индексацию изменений, добавив новые подстраницы (карта сайта со страницей, связанной с поисковой консолью), и которые подтвердят, что у нас уже есть Google Analytics для последующего мониторинга и анализа трафика на нашем сайте. ,
2. Юзабилити или юзабилити для других устройств
Тема очень индивидуальна, и, прежде всего, она делает наш сайт максимально прозрачным, понятным и простым в использовании на любом типе устройства. Google вводит дополнительные алгоритмы и факторы рейтинга сайта, такие как, например, Обновление Google Speed или Mobile IndexFirst указывает, что мобильный сайт и мобильный трафик очень важны. Поэтому текст всегда должен быть скорректирован и соответствующим образом уменьшен в заданном столбце, заголовке или кнопке - относительно размера дисплея устройства. Наиболее распространенные жалобы, с которыми вы можете столкнуться, слишком малы для нажатия (они не меняют свой размер) или слишком близки друг к другу, что затрудняет пользователям щелчок.
Кроме того, на этом этапе SEOptimer вы можете проверить, использует ли сайт технологию Flash - что нежелательно, использует ли он фреймы на странице и имеет ли он FAVikonkę - то есть небольшую графику, видимую на вкладке нашего браузера.
3. Производительность (производительность), социальные сети и безопасность веб-сайта (безопасность).
На данный момент, я просто упомяну, что аудит также показывает нам текущее состояние веб-сайта в форме эффективности веб-сайта. Он проверяет время отклика сервера, скорость загрузки страницы и скорость загрузки сценариев на сайте.
Если на нашем веб-сайте есть ошибки в JavaScript, это первая точка, в которой мы можем их отследить, если мы пропустили ее ранее по различным причинам.
Другим фактором является проверка сжатия GZip, который оказывается очень ускоренным сайтом. На некоторых серверах эта опция включена по умолчанию, но, как это часто бывает на практике, не всегда.
Последний ключевой момент, который значительно ускоряет работу сайта и который мы можем легко улучшить, - это оптимизация графики. Эта оптимизация заключается в снижении качества графики или фотографий в такой форме, чтобы сам файл имел меньшую емкость, и такое же качество графики было одинаковым для невооруженного глаза. Мы можем сделать это вручную или используя скрипты или дополнения.
Об этом как ускорить ваш сайт на примере страницы, построенной на WordPress, я написал в блоге, а затем сравнил результаты с инструментом Google PageSpeed. Ниже я представляю аудиторский снимок, который можно увидеть глазами SEOptimer.
Последние пункты в аудите - это баллы, связанные с социальными сетями, где SEOptimer оценивает только то, есть ли у нас связь с нашими аккаунтами: Facebook, Twitter, Google+, Instagram, YouTube или LinkedIn.
В конце пункта «безопасность» - мы можем проверить, есть ли у нас активный SSL для домена, созданы ли какие-либо https- ссылки , включены ли антивирусные мониторы на сервере и отображаются ли электронные сообщения, отображаемые на сайте, в виде текста. Конечно, рекомендуется защищать электронные письма, отображая их с графикой, чтобы роботы не могли копировать наши адреса.