5 вещей, которых следует избегать при разработке веб-сайта WordPress

Опубликовано: 2018-08-25

Поскольку WordPress является одной из самых востребованных систем управления контентом (CMS) с открытым исходным кодом, веб-разработчики WordPress могут быть в опасности из-за ошибок, особенно ошибок SEO. Веб-сайт WordPress быстро оценивается по его внешнему виду и ощущениям, несомненно, удерживая темпы роста. Одной из основных черт использования WordPress является оптимизация для поисковых систем, а также элегантность, эффективность и соответствие требованиям. Итак, давайте начнем с 5 вещей, которых следует избегать при разработке веб-сайта WordPress:


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

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

Избитые изображения

Избитый образ 1 - Жизнь WP

Я взял веб-сайт ColorMag. См. домашнюю страницу веб-сайта, главная страница полностью загружена множеством изображений.

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

Чтобы установить печать на использование изображений, можно использовать такие инструменты, как Чтобы убедиться, что вы не переусердствуете с использованием изображений, используйте такие инструменты, как Google PageSpeed ​​Insight.

Работа показана на https://developers.google.com/speed/pagespeed/insights/.

Шаг 1: Введите URL-адрес в указанное место. Нажмите кнопку «Анализ».

PageSpeed ​​Insights Изображение 1 – Жизнь WP

Шаг 2: Как только URL-адрес будет упомянут, вы увидите, что он анализируется.

PageSpeed ​​Insights Изображение 2 – Жизнь WP

Шаг 3: Вам даются два типа результатов. Один с мобильной точки зрения, а другой с точки зрения рабочего стола. Скриншот, приведенный ниже, относится к мобильному телефону. Справа вы можете увидеть, как ваш сайт выглядит на мобильных устройствах. С левой стороны вы можете видеть, что указана скорость страницы. Вот для этого сайта скорость страницы низкая. Уровень оптимизации хороший. Также дается распределение нагрузки на страницу.

PageSpeed ​​Insights Изображение 3 – Жизнь WP

Шаг 4: Если вы прокрутите страницу дальше, вы увидите статистику страницы и предложения по оптимизации. Ниже вы можете увидеть заголовок «Уже существующие оптимизации» и подробные сведения о просмотре ссылки. При нажатии на ссылку просмотра подробностей будет отображаться список уже существующих оптимизаций.

PageSpeed ​​Insights Изображение 4 – Жизнь WP

Шаг 5: Чтобы проверить вид рабочего стола, щелкните значок «Рабочий стол».

PageSpeed ​​Insights Изображение 5 – Жизнь WP

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

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

PageSpeed ​​Insights Изображение 6 – Жизнь WP

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

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

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

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

Рейтинг сайта можно проверить на https://www.thehoth.com/search-engine-rankings/

Шаг 1: Введите URL-адрес веб-сайта, для которого вы хотите проверить рейтинг. После ввода URL-адреса вашего веб-сайта нажмите кнопку «Просмотреть рейтинг Google». Вы получите список ключевых слов, которые привлекают трафик на ваш сайт, и в соответствии с этими ключевыми словами отображается рейтинг. В другом столбце отображается трафик по этим ключевым словам на сайте.

Мобильные сайты Image 1 - A Wp Life

Если вы прокрутите страницу вниз дальше:

Мобильные сайты Image 2 - A Wp Life

Чтобы проверить, подходит ли ваш сайт для мобильных устройств, выполните следующие действия: https://search.google.com/test/mobile-friendly.

Шаг 1: Введите URL-адрес вашего веб-сайта WordPress в следующем поле.

Сайты, оптимизированные для мобильных устройств Изображение 3 - A WP Life

Шаг 2: После нажатия кнопки «Выполнить тест» результат выглядит следующим образом:

Сайты, оптимизированные для мобильных устройств Изображение 4 - A WP Life

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

Мобильные сайты Image 5 - A WP Life

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

Создание беспорядка на домашней странице:

Первая ссылка — загроможденная домашняя страница Lingscars. Вторая ссылка — «Текст в церкви», чтобы ваша церковь росла, объединяя людей.

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

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

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

Плохая навигация:

Плохие стили навигации — жизнь WP

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

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

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

Нет призыва к действию (CTA)

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

Электронные рассылки MailChimp — жизнь WP

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

Биография автора

Харикришна Кундария — директор eSparkBiz Technologies и соучредитель «Компании по разработке мобильных приложений». Его 8+ опыт позволяет ему предоставлять цифровые решения новым стартапам на основе IoT и
Чат-бот.