Сделать сайт как лучше: Как создать свой сайт? Самостоятельно! Это можно сделать бесплатно

Содержание

7 идей, как сделать сайт лучше, чем у конкурентов

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

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

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

Содержание:

3 этапа улучшения сайта

1. Определить своих конкурентов

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

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

2. Провести аудит своего сайта и конкурентов с акцентом на юзабилити и контент

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

1. Внешний вид и взаимодействие:

2. Навигация:

Удобное и привычное для пользователей расположение элементов;
Простое и понятное меню;
Кликабельность функциональных элементов: меню, фильтры, кнопки заказа, предварительного просмотра и т. д.;
Логичная вложенность категорий и подкатегорий;
Наличие и удобство настройки фильтров и сортировки продукции;
Расположение и корректность работы поиска по сайту;
Удобство корзины (для интернет-магазинов);
Используемые блоки технической перелинковки: «С этим товаром покупают», «Вместе дешевле», «Похожие статьи» и т.д.

3. Информационная наполненность сайта:

Полезность, актуальность и структурированность текстов в разных разделах / услугах;
Наличие блога, его оформление и регулярность публикаций;
Удобочитаемость и контрастность шрифтов;
Наличие и качество визуального контента: картинки, фото, видеоролики, 3d-модели, инфографика;
Оформление страниц «О компании», «Сотрудники», «Об авторе статей»;
Актуальные и разнообразные контактные данные на видном и ожидаемом месте: в шапке, футере, на отдельной стране «Контакты»;
Оформление карточек товара: описание, характеристики, фото, видео;
Наличие и естественность отзывов;
Какая система комментирования используется и есть ли она.

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

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

3. Внедрение новых фишек

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

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

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

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

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

7 идей, как можно выделиться среди конкурентов и стать лучше их:

Добавить различные формы захвата: подписка на рассылку, обратный звонок, онлайн-консультант, расчет стоимости;
Использовать призывы к действию: иногда для мотивации достаточно просто разместить в подходящем месте кнопку «Купить», «Оформить заказ», «Поделиться с друзьями», «Перейти на страницу…»;
Работать над повышением уровня доверия:
- опубликовать информацию об истории и миссии компании в разделе «О нас»,
- подробно описать условия сотрудничества — оплаты, выполнения заказа, доставки,
- указать автора контента и его профессиональные достижения,
- мотивировать клиентов оставлять отзывы,
- сделать ссылки на сообщества и страницы в социальных сетях,
- разместить больше контактной информации;
Упростить процесс выбора и оформления заказа / покупки:
- информативное описание товара / услуги,
- удобный поиск,
- фильтры и сортировка по различным параметрам,
- сравнение товаров по наиболее показательным признакам и характеристикам,
- блок FAQ,
- кнопка «Купить в 1 клик»;
Создать и планомерно развивать блог, в рамках которого пользователи смогут регулярно получать полезный контент и решить свои боли;
Добавить интерактивные элементы, которые помогают решить какую-либо проблему и вовлекают посетителей: калькулятор, 3D-модели, видеообзоры, опросы, игры;
Сделать сниппет более привлекательным, чтобы мотивировать пользователей перейти на сайт из результатов выдачи: настроить микроразметку, добавить в description спецзначки и призывы к переходу, установить яркий фавикон.

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

Выводы

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

P.S. На курсе «Поисковик»

вы получите пошаговые инструкции и рекомендации по улучшению именно вашего сайта, и сможете достичь желаемого результата гораздо быстрее. Не отдавайте своих клиентов конкурентам — бронируйте участие по ссылке выше. А с промокодом «SEO-blog» вы получите дополнительный бонус к покупке.

Как заказать сайт для бизнеса: пошаговое руководство

Говорят, дизайн решает всё. Это не так. Главное ― чтобы на сайте было чётко понятно, что вы предлагаете и как это получить. Если выбирать между красивым сайтом без продаж и страшным, но с трафиком — однозначно выигрывает второй. Лучше запуститься быстро, чтобы сайт начал продавать, а все последующие «хотелки» реализовывать постепенно.

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

Разработка калькулятора — это трудоёмкий и дорогостоящий процесс. А главное, почти бессмысленный. Интернет-пользователи — ленивые люди, 90% из них пользоваться калькулятором не будут, они позвонят.

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

Правильно определите, какой тип сайта вам нужен. Возможно, поначалу стоит обойтись одностраничным сайтом (лендингом). Лендинг — это «посадочная страница», его главная задача ― подтолкнуть к желаемому действию: оставить контакты, записаться на мероприятие, совершить покупку. Такой сайт вряд ли будет высоко в выдаче поисковиков. Поэтому лендинги чаще всего продвигают при помощи платной рекламы. Лендинг обойдётся гораздо дешевле и часто является дополнением к основному сайту, помогая в продвижении какой-то конкретной услуги или товара.

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

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

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

Для начинающего бизнесмена, который только занимается развитием своего дела и не имеет в бюджете лишних средств, приятной возможностью становится создание интернет-ресурса самому. Есть площадки, которые позволяют пользоваться своим визуальным редактором, не требуя от посетителя оплаты. Другие – платные, обладающие более широким функционалом. Разберемся, как выбрать в рейтинге ТОП-10 самых лучших (простых и удобных) платформ-конструкторов для создания хорошего веб-сайта, обо всем узнаем в нашем обзоре.

Особенности онлайн-сервисов

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

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

Виды: на каких платформах делают сайты

Все предложения разделяются по способу использования. Одни можно применять в режиме реального времени. Это удобно, сведения хранятся на сервере.

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

Готовые решения для всех направлений

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

Узнать больше

Ускорь работу сотрудников склада при помощи мобильной автоматизации. Навсегда устраните ошибки при приёмке, отгрузке, инвентаризации и перемещении товара.

Узнать больше

Обязательная маркировка товаров — это возможность для каждой организации на 100% исключить приёмку на свой склад контрафактного товара и отследить цепочку поставок от производителя.

Узнать больше

Скорость, точность приёмки и отгрузки товаров на складе — краеугольный камень в E-commerce бизнесе. Начни использовать современные, более эффективные мобильные инструменты.

Узнать больше

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

Узнать больше

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

Узнать больше

Первое в России готовое решение для учёта товара по RFID-меткам на каждом из этапов цепочки поставок.

Узнать больше

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

Узнать больше

Получение сертифицированного статуса партнёра «Клеверенс» позволит вашей компании выйти на новый уровень решения задач на предприятиях ваших клиентов..

Узнать больше

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

Узнать больше

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

Узнать больше Показать все решения по автоматизации

Преимущества онлайн-конструкторов

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

Какие бывают преимущества офлайн-платформ для сайтов

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

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

На какой платформе лучше создать сайт для малого бизнеса и сделать интернет-магазин

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

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

Польза конструкторов для малого бизнеса

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

Обзор платформ для блогов

В этом направлении работают многие онлайн-сервисы. Специфика – предельно простая структура такого ресурса и минимум функций. Часто пользуются ТОП-5 конструкторами сайтов-блогов:

«Вордпресс» – наиболее проверенный и бесплатный помощник с возможностью дальнейшего развития, роста и перехода на полнофункциональную CMS систему.
SquareSpace – из плюсов нужно выделить легкую настройку и возможность расширения до торговой площадки.
Weebly – аналог предыдущего варианта, но с увеличенным функционалом.
WIX – имеет встроенную мобильную версию, поэтому можно управлять блогом на ходу.
Weblium – полностью адаптирован под смартфон.

Что часто спрашивают

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

Что такое конструкторы веб-ресурсов

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

Зачем они нужны и какие есть платформы для сайтов

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

Какие из них лучше

Все зависит от множества факторов:

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

Посмотрите дальше, что предлагаем использовать мы, чтобы определиться с предпочтениями.

Список конструкторов сайтов: какую платформу лучше выбрать для создания ресурса

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

WIX

Достоинства:

Длительный период работы – с 2006 года.
Более 175 миллионов успешно завершенных проектов.
500+ готовых шаблонов, адаптированных под любой дисплей.

Недостаток – производительность веб-ресурса до 10 гб.

Функционал включает опцию tap-to-call, возможность отслеживания, с какого устройства был совершен вход, сбор статистики по популярности страниц.

Платформа для разработки сайта Tilda Publishing

Преимущества:

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

Негативные черты:

Тарифы не самые бюджетные.
Нужны некоторые навыки в веб-дизайне.

Множество функций позволяют вам использовать блоки «Обложка», «Заголовок», «Лид», «Изображение», «Текст» и другие.

LPgenerator

Плюсы:

подборка красивых дизайнов;
можно работать в HTML и CSS;
высокая интеграция с разными ПО.

Минусы:

цена выше, чем у аналогов;
пробный период всего 7 дней.

Это оптимальный вариант для конструирования одностраничника. Все лендинги можно увидеть во вкладке «Страницы», отсюда удобно перейти в редактирование. Есть удобный раздел «Магазин», где собраны разные инструменты, чтобы создать торговую площадку.

uCoz

Преимущества:

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

Негативные стороны:

устаревшие макеты;
непростой интерфейс;
платная техподдержка.

Меню включает возможность отправки email-оповещений, изменения блоков, расширений, дополнительных опций для разных платформ.

Лучшая площадка для создания сайта – Nethouse

Плюсы:

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

Минусы:

мало вариантов внешнего вида;
нельзя работать в коде.

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

Setup

Достоинства:

понятная панель управления;
легко управлять заказами;
можно подключить выгрузку товаров из Excel и CSV.

Недостатки:

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

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

Самый популярный конструктор сайтов 1С-UMI

Преимущества:

есть возможность использовать язык CSS;
выгрузку товаров можно производить из CSV и YML;
отличный функционал для SEO-оптимизации.

Плохие стороны:

низкая адаптация под разные экраны;
часто приходится лезть в код.

Среди доступных функций – отслеживание статистики, интеграция с «Яндекс.Маркет», изменение внутренней структуры.

Weebly

Плюсы:

широкий набор виджетов;
тайминг для акций или постов;
переключение между темами в редакторе.

Минусы:

дорогие платные пакеты – от 7 евро в месяц;
ограниченное место в хранилище.

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

Google Sites

Достоинства:

адаптация под смартфон;
идеальная интеграция со всеми приложениями от Google (карты, таблицы).

Недостатки:

всего 6 шаблонов;
очень минималистичный дизайн.

Функционал ограниченный, нет никаких инструментов для SEO. Можно верстать e-mail-рассылку или визитки, не нуждающиеся в раскрутке.

Webnode

Преимущества:

редактор похож на Word;
от $2,95 за месяц;
от 100 Гб места.

Негативная черта: скудный выбор и несколько скучный вид шаблонов.

Возможности:

автоматическое создание мобильной адаптации;
наличие drag&drop-редактора;
можно работать в коде.

Jimdo

Плюсы:

Есть пошаговая инструкция использования.
Бесплатная версия.
Помощь при создании ресурса.

Минусы:

цена от 9 евро (другие валюты не принимает оплата) в месяц;
оформление только годовой подписки.

Инструментарий способствует формированию страницы из отдельных блоков. В комплекте – способность SEO-оптимизации. Можно редактировать контент с мобильного устройства.

uCraft

Достоинства:

перспектива дальнейшего роста;
нет необходимости в навыках верстки;
есть бесплатный тариф.

Недостаток: один базовый дизайн в демо-версии.

Функционал:

выбор доменного имени;
настройка SSL-протокола;
инструменты для оптимизации страниц.

Webstarts

Преимущества:

управление со смартфона;
пошаговая инструкция.

Негативные черты:

всего 1 Гб места на хранилище;
не подходит для серьезных сервисов.

Доступные опции:

интеграция с поисковиками;
адаптированная мобильная версия.

IM Creator (XPRS)

Плюсы:

хорошо поддерживает большой объем и тяжеловесность страниц;
видеоинструкции;
нет рекламы сервиса.

Минусы:

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

Функции:

технология компоновки блоков «Lego-Like»;
ручная сборка типа «drag&drop».

Bookmark

Достоинства:

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

Недостаток – не всегда просто разобраться в управлении.

Инструменты:

искусственный интеллект AIDA;
аналитика, статистика.

Webflow

Преимущества:

максимальная простота работы;
можно создать 2 сайта на бесплатном тарифе.

Слабые стороны:

нет мобильной версии;
не более 50 элементов в структуре.

Функционал:

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

xWeb

Плюсы:

гибкость шаблонов;
их адаптивность;
неограниченное число гигабайтов;
наличие PDF-руководства.

Минусов не обнаружено.

Опции:

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

Simbla

Достоинства:

это полноценная CRM со всеми возможностями ведения бизнеса;
тридцатидневная бесплатная версия.

Недостаток – у free пакета нет SSL-сертификата, что небезопасно для кражи контента.

Функции:

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

Shopify

Преимущества:

множество тем – более 100 штук;
адаптация под размер экрана.

Негативные стороны:

скромный демо-период – 14 дней;
высокая стоимость.

Инструменты:

масса возможностей для интернет-магазина;
встроенные системы для оптимизации страниц.

SiteBuilder

Плюсы:

очень демократичный прайс;
бесплатное доменное имя на 1 год, хостинг и электронная почта.

Минус – отказ от их услуг стоит 16 долларов.

Функционал:

выбор шаблона из 1000;
все элементы страницы распределены по категориям;
интегрирование с Google Analytics.

Weblium

Достоинства:

максимально простой редактор;
очень достойная мобильная версия;
искусственный интеллект дает подсказки во время разработки.

Недостатки:

цена платной подписки – 10,5 долларов;
всплывающие рекламные баннеры;
нет возможностей оптимизировать страницы на бесплатном тарифе.

Дополнительных опций нет, все стандартные.

WordPress.com

Преимущества:

неимоверно большой опыт;
можно впоследствии перейти на мощную CMS;
исчерпывающее количество шаблонов.

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

Функции повторяют классические возможности системы управления «Вордпресс».

Готовые решения для всех направлений

Узнать больше

Первое в России готовое решение для учёта товара по RFID-меткам на каждом из этапов цепочки поставок.

Узнать больше

Узнать больше Показать все решения по автоматизации

Заключение

Мы рассказали, на каком конструкторе лучше создать сайт. Для вас остается выбор и простор для творчества!

Количество показов: 3128

Как создать сайт? Структура и контент / Хабр

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

Пример структуры веб-сайта (Блоки кликабельны)

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

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

Начало

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

Кстати можно быстро и бесплатно визуализировать структуру почти любого веб-сайта c помощью инструмента visual sitemap generator, нужно просто ввести адрес сайта.

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

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

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

Звучит многообещающе? Тогда начинаем!

Основной совет

Навигация и футер

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

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

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

Максимизируйте CTR

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

Поэтому, разместив наиболее ценную информацию и элементы призыва к действию CTA (call-to-action) в эффективном первом поле экрана, вы увеличите показатель кликабельности (CTR — click-through rate) и завладеете вниманием посетителя. Речь идет буквально о 3-4 секундах, за которые посетитель сканирует экран и, не найдя быстро нужной информации, чаще всего сразу покидает страницу.

Призыв к действию (CTA)

Следующий шаг — убедитесь, что элементы call-to-action (CTA), призывающие к конкретному целевому действию, расположены в нужном месте. Стандартным способом размещения CTA является добавление соответствующей кнопки, но также распространены и другие формы — картинки, видео, ссылки.

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

Политика конфиденциальности GDPR

Если ваша целевая аудитория — это клиенты из стран ЕС, то обработка данных пользователей должна соответствовать правилам обработки персональных данных GDPR (General Data Protection Regulation), принятых в Европе.

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

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

Структура

Мы уже сделали это за вас

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

Вот эти страницы, из которых состоит грамотно сбалансированная структура сайта:

Главная
О нас
Продукты / Услуги
FAQ
Вакансии
Блог
Контакты
Ошибка 404
Правовая информация

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

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

Главная
О нас
Продукты / Услуги
Контакты
Правовая информация

Ясная и продуманная организация страниц способна дать посетителю то, в чем он нуждается максимально четко и быстро. То же самое ценят и поисковые алгоритмы, мимикрирующие под поведенческие паттерны людей.
Вы можете заранее выбрать организацию содержания каждой страницы из таких вот вайрфреймов (low-fidelity wireframes). Это очень удобно для вас и разработчиков.

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

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

Главная страница

Для чего создавать:

зацепите внимание, произведите первое впечатление, оптимизируйте навигацию.

Содержание:

Hero image / Основной визуальный посыл
Продукт / Услуги
Ключевые преимущества
О нас
Вакансии
Отзывы (тематические исследования, рекомендации)
CTA

Пример главной страницы — iea.org

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

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

“Главная страница — это как лобби отеля. Хотя это и важная часть отеля, но это не то место, где ваши гости хотели бы остановиться. Они хотят попасть в свой номер.”

Hero image

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

Чтобы лучше понять какой посыл должно нести это изображение, ознакомьтесь с концепцией JTBD (jobs-to-be-done), краткий смысл которой состоит в том, что у клиента на данный момент есть конкретная задача / проблема, которую надо выполнить, и он ищет лучшее решение (продукт), который поможет ему в этом. Ваша же цель — дать ему понять, что ваш продукт решает эту задачу.

Ваши продукты / услуги

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

Обозначьте характеристики и преимущества продукта

Как сказал Саймон Синек в своей знаменитой речи — люди покупают не то, ЧТО вы делаете, они покупают то, ПОЧЕМУ вы делаете это.

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

Социальное влияние

Люди склонны прислушиваться и доверять своему окружению. Еще один прекрасный способ быстро внедрить и распространить информацию — это добавить отзывы о вашей компании или продуктах. Сосредоточьтесь на вашей целевой аудитории и добавьте соответствующие отзывы. Чем более известен и публичен автор отзыва, тем лучше. Не беспокойтесь, если вы еще не засветились на TechCrunch или Forbes; ваши посетители должны быстро установить положительный эмоциональный контакт с рецензентами, вот что важно на данный момент.

О нас

Зачем создавать:

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

Содержание:

История / timeline
Цели и миссия компании
Отзывы
Команда
Партнеры
Видео
Статистика
Интересные факты

Пример страницы О компании — hines.com/about

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

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

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

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

История компании

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

Ваши основные принципы

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

И снова отзывы

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

Вы также можете добавить агрегированные отзывы клиентов, достижения, бейджи и награды. Рассмотрите возможность размещения профиля вашей компании на различных информационных площадках (online listings). Это позволит получить два основных преимущества. Первое — качественные бэклинки на ваш сайт крайне привлекательны для SEO. Второе — если вы вкладываете ресурсы в сбор отзывов клиентов на таких платформах, то они, как правило, включают вас в рассылки и дают бейджи. А это — более широкий охват аудитории и повышение узнаваемости бренда.

Люди за кулисами

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

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

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

Партнеры

Почти то же самое, что и выше, относится к публикации ваших деловых партнеров.
Если это имеет отношение к делу — добавьте эту информацию.

Запишите видео

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

Статистика и интересные факты

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

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

Продукты / услуги

Зачем создавать:

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

Содержание:

Изображения
Описание
Особенности и преимущества
Цены
Отзывы / рекомендации
Контактная форма
FAQ

Пример страницы Услуги/Продукты — stripe. com/payments

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

Вместе или раздельно

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

Визуальный язык

Изображения продуктов имеют огромное значение и лучше всего выполняют свои функции контекстные образы.

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

Описание продукта

Скомбинируйте изображение с детальным описанием продукта. Само по себе — это уже отдельная наука, поэтому не будем углубляться в это. Сфокусируйтесь на своей целевой аудитории. И помните о подходе JTBD, мы ранее уже касались этой темы.

Особенности и преимущества (ценность)

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

Цены

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

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

Наличие отдельной ценовой страницы (продукты / услуги) хорошо для вашего SEO: больше страниц в вашем индексе, больше ключевых слов для ранжирования в содержании страницы. Еще одним преимуществом отдельного расположения цен является возможность точной настройки пути вашего клиента, особенно в воронках B2B. Но общее правило — лучше сразу экономить ресурсы и указывать цены на своей домашней странице.

Если вы хотите заручиться доверием ваших будущих клиентов, то не забудьте проинформировать их о безопасной обработке платежей, о ваших правилах возврата, отмены и обмена. Другим хорошим способом налаживания доверительных отношений является наличие пробного периода (trial).

Актуальность обратной связи

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

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

Будьте на связи

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

Как только вы наберете обороты, подумайте о внедрении комплексных платформ управления клиентами, таких как Intercom или HelpScout, с их функциями для чата и интерактивной средой связи с клиентами.

Подготовьте ответы на вопросы заранее

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

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

Навигация

Страница продукта может служить Pillar страницей — быть хабом, аккумулирующим ценный органический трафик. И уже к ней линкуются релевантные кластерные страницы (Cluster pages). Помимо улучшения SEO, использование модели Pillar-Cluster значительно упорядочивает пользовательский поток на вашем сайте.

FAQ

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

Вопросы и ответы
Поиск
Живой чат

Пример страницы Помощь / FAQ — help.dropbox.com

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

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

Разделение по темам

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

Поиск

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

Отвечайте на вопросы напрямую

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

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

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

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

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

Вакансии

Зачем создавать:

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

Содержание:

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

Пример страницы Вакансии — spotifyjobs.com

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

Чем вы лучше остальных?

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

Кого конкретно вы ищете?

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

Отдельная страница для каждой вакансии

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

Аргументируйте

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

Блог

Зачем создавать:

делиться своими знаниями и опытом, исследованиями и идеями, получать мощную поддержку SEO

Содержание:

Контент, который создает ценность
Привлекательные изображения
Видео
Комментарии
CTA
Ссылки на профили в соцсетях

Пример страницы Блог — goodonyou. eco/category/stories

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

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

“Напрасно ты приобрел знания, если не передал их другим”
Дварим Рабба (комментарий к Книге Второзаконие)

Если ваш блог регулярно обновляется, поисковые системы видят, что ваш сайт “живой” и чаще индексируют ваш сайт.

Мы уже упоминали про рейтинг по релевантным ключевым словам. Для этого убедитесь, что ваши тексты имеют относительно большой объем, не менее 250 слов. Для лонгридов — от 800 слов. Осторожно придерживайтесь SEO оптимизации текстов.

Добавив блог, вы естественным образом получаете еще одно преимущество: увеличение продолжительности сеансов пользователей, которое поднимает вас в поисковой выдаче. Чем более интересны ваши посты и записи, тем больше времени посетители будут тратить на их чтение и, кстати, не переписывайте (rewrite) чужие блоги, это неэффективно.

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

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

Заманите читателя

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

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

С точки зрения Pillar модели это позволит URL-адресам, таким как «https://yoursite.com/blog/#seo», выступать в качестве идеальных хабов для накопления органического трафика со смежных кластерных страниц. Роботы идентифицируют страницы как смежные, если они правильно сшиты.

Упорядочьте содержимое

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

Изображения и видео

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

Позвольте аудитории высказаться

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

Однако без должного модерирования комментарии могут погрязнуть в анархии. Поэтому убедитесь, что у вас достаточно ресурсов для эффективного управления комментариями.

Кнопки навигации

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

Расшарьте контент

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

Страница новостей

Что у нас по новостям? Похоже, что на сайтах компаний менее 1% посетителей считают новости стоящими своего времени. Кроме того, корпоративные новости часто воспринимаются как слишком субъективные и самовосхваляющие. Изучите поведенческие паттерны групп пользователей; возможно, вы обнаружите, что тот небольшой процент посетителей, интересующихся вашими новостями — это те, кто конвертируются лучше остальных.

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

Контактная информация / связаться с нами

Зачем создавать:

позволить посетителям оперативно связаться с вашей компанией и улучшить SEO.

Содержание:

Номера телефонов, e-mail (для разных целей)
Форма обратной связи
Карта

Пример страницы Контакты — rndhouse. com/contact

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

К примеру, поисковые системы анализируют вашу карту сайта и оценивают вас выше, если они находят эту страницу.

Категоризация

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

Создайте форму

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

Местоположение

Еще одна полезная функция для страницы контактов — отображение местоположения вашего офиса на карте. Просто адрес уже никому неинтересен. Некоторые компании выходят за рамки стандартной Google Maps или Яндекс Карты и превращают свою карту в нечто уникальное.

Ошибка 404

Зачем создавать:

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

Содержание:

Изображения / видео / интерактивные элементы
Сообщение об ошибке
Ссылки на другие страницы сайта

Пример страницы Ошибка — netflix.com/notfound

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

Ключевые моменты

Прежде всего, разместите ссылки на другие страницы. Как минимум должна быть ссылка на главную страницу.

Плохо, если ваша страница с ошибкой по сути является тупиком, такой вариант не понравится ни вашим посетителям, ни SEO. Можно и нужно перенаправлять трафик со страницы ошибки в правильное место.

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

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

Правовая информация

Зачем создавать:

расскажите о своем соответствии требованиям законодательства.

Содержание:

Политика конфиденциальности
Уведомления об авторских правах
Правила и условия пользования
Дисклеймер
Злоупотребление или жалобы контактная информация
Патенты
Корпоративная политика

Пример страницы Privacy Policy — samuelsre.com/privacy-policy

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

Убедитесь, что документация изложена безошибочно и проверена вашими юристами, а также:

Содержит всю необходимую информацию, разбитую на пронумерованные абзацы
Написана в понятной для большинства людей форме
Соответствует общему дизайну сайта

Заключение

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

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

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

Что касается нас, авторов этого руководства, то мы занимаемся этим уже 18 лет. И весь свой опыт постарались аккумулировать (помимо этого гайда) в мощном и одновременно простом инструменте Octopus.do, с помощью которого вы сможете бесплатно создать структуру веб-сайта, планировать контент и делиться этим с кем угодно. Регистрация необязательна.

Создание информационного сайта в SharePoint

С SharePoint в Microsoft 365 вы можете создать информационный SharePoint для обмена новостями, отчетами, статусом и другими сведениями в наглядном формате. Коммуникационные сайты отвечают на запросы и их можно просматривать из любого места на любом устройстве.

Примечания:

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

Следует ли создавать коммуникационный сайт или сайт группы?

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

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

Действия по созданию информационного сайта

Во Microsoft 365. Дополнительные сведения см. в статье Где войти в Microsoft 365.
В левом верхнем углу страницы выберите значок и SharePoint плитку. Если вы не видите ее, щелкните плитку Сайты или Все.
В верхней части домашней SharePoint щелкните + Создать сайт и выберите параметр Коммуникационный сайт.

Примечания:
- Если вы планируете связать новый коммуникационный сайт с центральной SharePoint,вы можете упростить процесс, сначала перейдите на сайт концентратора и щелкните ссылку Создать сайт в правом верхнем углу. Новый коммуникационный сайт будет автоматически связан с этим сайтом концентратора.
- Если вы не видите ссылку + Создать сайт, возможно, самостоятельное создание сайтов отключено в Microsoft 365. Чтобы создать сайт группы, обратитесь к Microsoft 365 организации. Если вы являетесь администратором клиента, см. статью Управление созданием сайтов в SharePoint Online с инструкциями по включению функции самостоятельного создания сайтов для организации или статью Управление сайтами в новом Центре администрирования SharePoint с инструкциями по созданию сайта из нового Центра администрирования SharePoint в Microsoft 365.
Выберите шаблон информационного сайта, который будет предварительно заполнен контентом для использования в определенном сценарии. Можно также выбрать вариант Пустой шаблон, чтобы создать собственный дизайн с нуля.
Придайте новому информационному сайту имя и в поле Описание сайта добавьте текст, который позволит пользователям узнать назначение вашего сайта.
Если администратор предоставил вам соответствующее разрешение, выберите классификацию сайта в разделе Классификация сайта . Набор доступных вариантов зависит от конфиденциальности и жизненного цикла информации на сайте.
Выберите язык для сайта.

Для SharePoint Server 2019 системный администратор должен включить и установить языковые пакеты, чтобы этот параметр был доступен.

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

Примечание: Если ваш экран не соответствует приведенным выше изображениям, это означает, что ваш администратор настроил классический интерфейс создания сайтов. Дополнительные сведения см. в SharePoint версии документа.

Дальнейшие действия

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

Справка по созданию и добавлению на сайты

Хостинг или конструктор: что лучше для создания сайта

5 октября 2020

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

Конструкторы сайтов

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

Преимущества конструкторов

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

Недостатки конструкторов

Функционал конструкторов часто ограничен. Из-за этого вы можете столкнуться с трудностями при подключении дополнительных скриптов — этой возможности может просто не быть.
За каждый сайт придется платить отдельно.
Если ваш бизнес планирует расти и развиваться, переход на отдельный хостинг будет неизбежен. Перенести весь контент в большом объеме будет сложно
Ограниченность дизайна в связи с использованием уже готовых шаблонов.
Если вам потребуется помощь в редактировании сайта, скорее всего она будет платной.
Возможны проблемы с продвижением в поисковых системах.

Кому подходят конструкторы сайтов

Конструкторы, в первую очередь, подходят людям, которые не имеют знаний по программированию и не желают их получить. С их помощью можно быстро создать, запустить и монетизировать проект, получая с него заказы и прибыль. Обычно такой услугой пользуются начинающие вебмастера, владельцы небольших блогов, сайтов-визиток или лендингов. Примеры конструкторов: Tilda Publishing, LPgenerator, WIX, uKit, uCoz, Nethouse и другие.

Хостинг для сайта

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

Преимущества хостинга

В зависимости от тарифа можно размещать более 1 проекта, оплачивая одну и ту же сумму.
Вы можете выбрать любую нужную CMS.
Возможность внедрения собственного дизайна и функционала.
Несложный процесс переноса проектов к другому провайдеру.
Отсутствие проблем с SEO-продвижением (при условии, что оно сделано грамотно).
Бесплатная техническая поддержка (оплата требуется только в отдельных случаях).

Недостатки хостинга

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

Кому подходит хостинг

Хостинг подходит для абсолютного большинства проектов. Если вы начинающий специалист, то всегда для создания сайта можно использовать готовый шаблон WordPress. Если вы представитель крупного или среднего бизнеса — вам подойдет услуга VPS/VDS. Главное преимущество хостинга заключается в том, что на нем у вас не возникнет проблем с внедрением нового кода — здесь вся власть находится только в ваших руках.

Сравнение хостинга и конструктора

Критерий	Хостинг	Конструктор
Есть специальный инструмент для создания сайта	Нет	Да
Нет ограничений в подключении своих скриптов	Да	Нет
Отсутствие проблем с поисковой оптимизацией	Да	Нет
Нужны базовые технические навыки	Да	Нет
Возможность установить любую CMS	Да	Нет
Техподдержка	Да	Да

Что лучше выбрать

Таким образом, если вы хотите просто попробовать создать свой первый проект или он нужен вам в минимальные сроки, то используйте конструктор. Но помните о возможных проблемах с оптимизацией и расширением функционала. Если же вы сразу работаете на будущее, то выбирайте услуги хостинга. Виртуальный хостинг, VPS/VDS, выделенный сервер — тип зависит от сложности продукта и объема трафика. Желаем удачи и верных решений!

Автор: Макхост

Оцените статью

15 советов по созданию убийственного контента веб-сайта, четкое копирование и интуитивно понятный дизайн — лучшее

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

Краткое описание

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

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

Если вы любитель DIY, прочтите полезные советы по копирайтингу.

Напишите копию, помня о своем покупателе

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

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

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

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

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

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

Посетитель должен прийти первым

Хотя все эти идеи имеют ценность для компании, они не имеют особого смысла для посетителей. И это большая ошибка. Если вы не ставите посетителей на первое место, ваш веб-сайт не будет эффективным.Итог, дело не в тебе!

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

Ясность и простота — отличные цели для содержания веб-сайта.

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

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

Убедитесь, что пользователи получают положительные впечатления от посещения вашего веб-сайта.

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

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

Суть в том, что вашим посетителям не нужны милые или умные.У них не будет времени расшифровать то, что вы имеете в виду. Они просто хотят знать, как вы собираетесь решить их проблему. Или, другими словами, что вы продаете и почему это подходит мне СЕЙЧАС?

Вот 15 проверенных временем советов, которые помогут сделать ваш сайт успешным:

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

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

Используйте второе лицо, например «вы» и «мы». Дружелюбный неформальный тон лучше, чем жесткая корпоративная речь. Схватки вроде «ты будешь» и «мы» допустимы.Отраслевой жаргон, который ваши посетители могут не понять, — нет.

3. Применяйте лучшие практики SEO.
Лучший веб-сайт в мире — пустая трата времени, если его никто не может найти. Если Google высоко оценивает ваш веб-сайт благодаря использованию оптимизированных копий, вы сразу же получаете невероятную привлекательность для потенциальных клиентов, ищущих ваш продукт или услугу. БЕСПЛАТНО. Правильно проведенная поисковая оптимизация (только методы белой шляпы) обеспечивает огромную окупаемость инвестиций.

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

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

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

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

6.Сделайте свою домашнюю страницу содержательной.
Поскольку ваша домашняя страница является наиболее частым входом на ваш веб-сайт, она должна описывать, какую пользу клиенты получат от вашего контента, продуктов или услуг. Если посетители не могут быстро понять, что им это выгодно, они нажимают кнопку «Назад». Пуф, ушел!

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

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

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

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

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

8. Используйте картинки, чтобы рассказать свою историю.
Если у вас есть профессиональные фотографии вашей продукции или людей, обязательно используйте их. Посетители хотят видеть, что они покупают и у кого.Согласно 10 простым правилам визуального повествования, «истории в тексте утомительны, истории, рассказанные визуально, привлекают — и продают».

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

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

Согласно Word of Mouth, австралийской фирме, занимающейся веб-дизайном: «Современная тенденция веб-дизайна, которую вы начинаете видеть в макетах, — это включение не только фотографий, но и видео».

Pixpa идет дальше в своем посте «10 главных тенденций веб-дизайна на 2021 год». Он выступает за включение мультимедиа на веб-сайт. «Видео, вступления, слайд-шоу, анимация и мультимедийные элементы — все это вам поможет. Все дело в создании пользовательского опыта, который рассказывает историю «. Использование различных средств массовой информации добавляет азарта вашей странице!

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

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

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

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

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

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

Чистота и простота также применима к программированию вашего сайта. Project Local Downunder советует: «Если вы хотите доминировать в поисковых системах, наймите опытного дизайнера веб-сайтов, который специализируется на создании веб-сайтов с чистым кодом и уделяет внимание скорости загрузки и оптимизации сайта».

Если вы будете заниматься дизайном самостоятельно, подумайте об использовании конструктора веб-сайтов, например Weebly, Squarespace или Ucraft. «Создатели веб-сайтов избавляют от необходимости нанимать разработчика или учиться программировать», — говорится в статье 2020 года о лучшем программном обеспечении для создания веб-сайтов.

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

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

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

13. Делайте формы простыми.
Если ваш веб-сайт включает форму, например, на странице контактов или цитаты, задавайте как можно меньше вопросов. Посетители ненавидят заполнять все эти поля (не все ли?) И, вероятно, недостаточно доверяют вам, чтобы предоставить всю информацию, которую вы запрашиваете. Да, вы хотели бы получить их подробную информацию, но они предпочитают , а не вас!

Посетители вашего сайта не хотят заполнять сложную форму. Будь проще.

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

Эксперт по конверсии

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

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

Корректируйте свой контент, чтобы убедиться, что он читается профессионально и не содержит ошибок.

Доставьте истинную ценность

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

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

* * *

Связаться с Сьюзан Грин

Нужна помощь в написании контента для вашего веб-сайта?

Получить цитату

12 советов по созданию эффективного бизнес-веб-сайта

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

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

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

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

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

2. Упростите поиск.

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

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

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

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

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

4. Упростите навигацию.

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

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

5. Не загромождайте свои страницы.

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

Один из способов упростить работу — это убрать на своем сайте виджеты социальных сетей, например ленту Twitter. Спросите себя, добавляете ли вы информацию, которая интересует вашего читателя, — посоветовал Майкл ЛаВиста, генеральный директор Caxy Interactive.Если содержимое вашего виджета не поддерживает цель страницы, удалите его.

6. Убедитесь в точности.

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

Совет: Каждый раз, когда вы обновляете основную информацию о своей компании на своем веб-сайте, не забудьте также обновить свои страницы в социальных сетях, Google Мой бизнес, Yelp и другие сайты, на которых может отображаться ваша компания.

7. Уважайте потребность в скорости.

Исследование, проведенное компанией цифрового маркетинга Akamai, показало, что 88,5% веб-пользователей покидают веб-сайт, если он загружается слишком медленно. Кроме того, время, необходимое для загрузки веб-страницы, влияет на решения о покупке почти 70% онлайн-покупателей.

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

8.Призывайте к действию.

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

9. Сохраняйте простой дизайн.

Ограничьте использование шрифтов, цветов и изображений в формате GIF, которые могут отвлекать и отвлекать взгляд от фокуса веб-страницы. Короткие абзацы и маркированные списки также делают информацию более удобочитаемой и удобочитаемой. Ян Лурье, генеральный директор компании по интернет-маркетингу Portent Inc. , предлагает использовать абзацы короче шести строк.

Это особенно важно, когда речь идет об адаптивности мобильных устройств, которая является основным фактором, определяющим ранжирование веб-сайтов Google в своем алгоритме.Чем выше рейтинг веб-сайта, тем выше он отображается на странице результатов поисковой системы (SERP). Если конкурент оптимизирован для мобильных устройств, а ваш веб-сайт — нет, вы можете оказаться ниже в результатах поиска ваших клиентов.

10. Будьте личными.

Так же, как обычные предприятия вкладывают значительные средства в свои витрины, чтобы представить имидж своего бренда, розничным продавцам электронной коммерции необходимо создавать высококачественные онлайн-возможности в соответствии с восприятием бренда, как сказал Том Лунибос, соучредитель SOASTA, сказал Business News Daily.

С этой целью ваша страница «О нас» не должна быть сухим блоком текста о вашей компании. Эмили Брэкетт, президент компании Visible Logic, занимающейся дизайном и брендингом, рекомендует приложить хорошее фото себя или своей команды, чтобы персонализировать опыт для ваших клиентов.

11. Убедитесь, что копия вашего веб-сайта ориентирована на клиента.

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

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

Не писатель? Без проблем; просто поручите это профессиональному копирайтеру.

12. Используйте лучшие практики SEO.

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

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

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

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

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

Редакция Business News Daily внесла свой вклад в написание этой статьи. Источники интервью проводились для предыдущей версии этой статьи.

Создание лучшего веб-сайта | Inc.com

Убедитесь, что все щелкает

The Perfect Host: Не все веб-узлы одинаковы.Технологический обозреватель Inc.com Энн Стюарт описывает, как оценивать веб-хосты и выбирать тот, который лучше всего подходит для вашего бизнеса.
Контрольный список: отслеживание производительности вашего веб-сайта: Узнайте, какие аспекты производительности веб-сайта критически важны для успеха вашей электронной коммерции.
Убедитесь, что ваш веб-сайт работает на вас: Интернет-заторы теряют ваши продажи? Ускорьте свой сайт с помощью этих умных стратегий.
Избавьтесь от слабых ссылок: Всем нравится ссылаться на другие сайты, потому что это то, что вы делаете в Интернете.Но наличие слишком большого количества ссылок — или устаревших ссылок, которые не работают — отвлечет и испугает ваших посетителей.
Утилиты обслуживания сайта: Вот обзор различных средств проверки HTML, которые могут помочь гарантировать, что посетители вашего веб-сайта смогут безошибочно использовать ваш сайт.

Content Is King

Хорошо писать в Интернете: Вряд ли кому-то действительно нравится читать онлайн. В этом нет ничего удивительного, поскольку многие веб-сайты так плохо написаны.Вот простые способы сделать ваши слова в Интернете более удобными для чтения.
Traffic Magnets: Обладая воображением и ясным пониманием своих клиентов, Earth Treks и Merriman Capital Management заставляют своих посетителей снова возвращаться в Интернет.
Блоги для бизнеса: Блоги уже много лет популярны среди подростков, компьютерных фанатов и ярких экстравертов, но сегодня они привлекают все больше внимания со стороны бизнеса как способ связи с клиентами и потенциальными клиентами.
Когда блоги становятся плохими: Блоги могут быть отличным маркетинговым инструментом. Но когда они кусаются, все дело в борьбе с повреждениями.
Правила блога: Блогосфера — это отдельный мир со своим собственным набором правил и положений. Новички ломают их на свой страх и риск. Вот что вам нужно знать, прежде чем вступать в бой.
10 главных вещей, которые вы должны знать перед тем, как начать блог: Три эксперта по бизнес-блоггерам делятся своими лучшими советами для начала работы в блогосфере.
Не сосредотачивайтесь на ослеплении: Яркая графика и скачки скачков не делают сайт успешным. Контент — это то, что действительно возвращает клиентов.
Создайте свой собственный веб-контент: Если пойти немного дальше последней статьи, хорошее содержание привлекает клиентов. Второстепенные редакционные статьи и графика разошлют их быстрее, чем цепное письмо по электронной почте. Вот как можно наполнить ваш сайт первым.
Вычитайте свое содержание: Существует огромное количество грамматически неверных веб-сайтов с опечатками.Выделитесь, показывая своим потенциальным клиентам, что вы обращаете внимание на детали.

Знайте, чего хотят ваши пользователи, и дайте им это

Согласно опросу …: Хотите знать, что думают потребители? Положите карточки с комментариями и вместо этого опросите их онлайн.
The Skinny on Survey Software: Из более чем 100 пакетов программного обеспечения для онлайн-опросов, выбрать подходящий может быть непросто. Здесь три варианта для различных нужд.
Могу я помочь вам: Новое программное обеспечение для живого чата помогает интернет-торговцам превращать браузеры в покупателей.
Live Aid: Есть множество поставщиков онлайн-чата, и найти подходящего может быть непросто. Вот три варианта, соответствующие вашим потребностям.
Capture, Capture, Capture: Как сделать каждое посещение вашего веб-сайта золотой жилой для маркетинга.
Накачивание посетителей информацией: Улучшение вашего сайта означает проникновение в головы ваших пользователей.Вот как вы можете сделать это, не выглядя как телемаркетолог, звонящий во время обеда.
Заходи. Я ждал вас: Если вы не относитесь к посетителям так, как будто они единственный человек в киберпространстве, не ожидайте, что они останутся здесь. И персонализация не должна быть дорогостоящей.

Создание вашего бренда в киберпространстве

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

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

Пользовательский опыт веб-сайта

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

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

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

Как улучшить веб-сайт

Используйте пробел.
Оптимизируйте скорость вашей страницы.
Используйте привлекательные призывы к действию.
Используйте дифференциацию гиперссылок.
Сегментируйте ключевую информацию маркерами.
Используйте изображения (с умом).
Включите хорошо продуманные и написанные заголовки.
Сохраняйте единообразие страниц вашего веб-сайта.
Поймай свои 404-е.
Будьте отзывчивыми и удобными для мобильных устройств.

1. Используйте пробел.

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

Согласно Crazy Egg, пустое пространство вокруг текста и заголовков увеличивает внимание пользователя на 20%.Белое пространство также может сделать ваш веб-сайт открытым, свежим и современным, и если ваш брендинг соответствует им, это может помочь вам передать это чувство пользователю. Однако следует помнить об одном недостатке белого пространства: он действительно занимает место.

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

Рассмотрим веб-сайт Sara Does SEO, созданный Сарой Данн. В ее UX с самого начала много белого пространства, привлекающего ваше внимание к тому, как Сара выглядит и что может для вас сделать. Это позволяет читателю сосредоточить свое внимание на самом важном. Каждый раздел домашней страницы также содержит один четкий заголовок и несколько вспомогательных пунктов, что упрощает усвоение информации.

Посетите ее веб-сайт ниже.

2. Оптимизируйте скорость вашей страницы.

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

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

Согласно Section.io, дополнительные пять секунд времени загрузки страницы могут увеличить «показатель отказов» вашего сайта более чем на 20%. Ого.

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

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

Узнайте больше о снижении показателя отказов вашего веб-сайта в этом сообщении блога.

Отличный пример быстрой загрузки — Barnes and Nobles. Независимо от того, на каком устройстве вы работаете, Barnes and Nobles быстро загружается. Будьте особенно осторожны, чтобы сначала загрузить некоторые важные элементы, чтобы вы знали, что контент уже в пути. Посмотреть на себя.

3. Используйте привлекательные призывы к действию.

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

При создании кнопок для вашего сайта вы должны думать о цвете и его психологии. В исследовании, проведенном Maxymiser, исследователи были шокированы, обнаружив, что благодаря тестированию цветовых вариаций и обмену сообщениями о действиях им удалось на 11% увеличить количество кликов в области оформления заказа на веб-сайте Лауры Эшли.Разные цвета вызывают разные сообщения. Подумайте о сообщении, которое вы хотите вызвать у пользователя (доверие, опыт, интеллект), и с умом выбирайте цвета.

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

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

4. Используйте дифференциацию гиперссылок.

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

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

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

При гиперссылке тоже не думайте о длине гиперссылки. Чем длиннее заголовки ссылок, тем легче их идентифицировать. Например: «Чтобы посетить веб-сайт GE, щелкните здесь». и . «Посетите веб-сайт GE здесь.«

5. Сегментируйте ключевую информацию маркерами.

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

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

Один из замечательных примеров нестандартных маркеров — сайт One.org. На этой странице они используют значки в качестве маркеров, чтобы выделить свои достижения в удобной для чтения форме. Также обратите внимание на белое пространство вокруг маркеров, которое позволяет вам сосредоточиться на каждом разделе.

6. Используйте изображения (с умом).

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

В тематическом исследовании компании Spectrum, Inc., занимающейся перевозками товаров из Нью-Джерси и Нью-Йорка, Harrington Movers, они смогли увеличить конверсию на странице, просто заменив исходную фотографию изображением реальной команды перевозчиков.Они получили такой же прирост конверсии и уверенности на странице, добавив картинку своего реального движущегося грузовика вместо стандартной фотографии. (Читайте полное исследование здесь.)

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

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

Посмотрите эту инфографику на реальных изображениях в сравнении с фотографиями.

7. Включайте хорошо оформленные и написанные заголовки.

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

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

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

8. Поддерживайте согласованность страниц вашего веб-сайта.

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

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

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

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

9. Поймайте свои 404-е.

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

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

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

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

10. Будьте отзывчивыми и мобильными.

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

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

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

20 способов ускорить работу вашего веб-сайта и повысить конверсию на 7%

Думаете, что ускорение вашего сайта не важно?

Большая ошибка.

односекундная задержка времени загрузки страницы дает:

Уменьшение количества просмотров страниц на 11%
Уменьшение удовлетворенности клиентов на 16%
Потеря конверсий на 7%

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

Нет выхода.

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

Как оптимизация скорости веб-сайта влияет на конверсию

Медленные сайты убивают конверсии . И никогда не сможет восстановиться.

Фактически, 47% потребителей ожидают, что веб-сайты загрузятся за двух секунд или меньше. И 40% покинут страницу, которая занимает не менее трех секунд.

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

Да, вы правильно прочитали.

Это уже огромный удар по вашим потенциальным конверсиям.

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

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

Это исследование также показало, что задержка в одну секунду может снизить удовлетворенность клиентов примерно на 16%.

Один из лучших примеров этого — улучшение конверсий и доходов Walmart после увеличения скорости их сайта.

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

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

По окончании оптимизации скорости веб-сайта Walmart сообщил следующие результаты:

За каждую секунду увеличения скорости сайта они получали до 2% увеличения конверсии.
На каждые 100 мс улучшения они увеличивали дополнительный доход до 1%.

В другом исследовании взаимосвязь между временем загрузки и коэффициентом конверсии показала 25% -ное снижение коэффициента конверсии всего за одну дополнительную секунду времени загрузки.

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

Как узнать, что убивает ваши конверсии

Как скорость вашего сайта влияет на видимость

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

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

Вы слышали об этом верно?

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

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

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

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

Это , полная противоположность тому, как раньше работал индекс.

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

Это уже не так.

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

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

Почему мой веб-сайт медленный?

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

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

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

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

Какое время загрузки страницы хорошее?

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

Это может быть сложно, если вы не уверены в приемлемой скорости страницы.

Согласно Google, оптимальная практика — три секунды. К сожалению, согласно недавнему отчету о тестировании , большинство сайтов далеки от этого.

При анализе 900 000 целевых страниц мобильной рекламы, охватывающих 126 стран, Google обнаружил, что 70% проанализированных страниц потребовалось почти семь секунд для отображения визуального контента в верхней части страницы.

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

Среднее время, необходимое для полной загрузки целевой страницы для мобильных устройств, составляет 22 секунды, но 53% посещений прекращаются, если для загрузки мобильного сайта требуется более трех секунд.

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

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

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

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

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

Как ускорить работу вашего сайта в 2019

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

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

И если это число звучит ошеломляюще — не волнуйтесь.

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

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

Имея это в виду, приступим.

1. Минимизировать HTTP-запросы
Согласно Yahoo, 80% времени загрузки веб-страницы тратится на загрузку различных частей страницы, таких как изображения, таблицы стилей и сценарии.
HTTP-запрос выполняется для каждого из этих элементов, поэтому чем больше компонентов на странице, тем больше времени требуется для отображения страницы.
Первый шаг к минимизации ваших запросов — это выяснить, сколько ваш сайт в настоящее время делает, чтобы использовать его в качестве ориентира.
Если вы используете Google Chrome, вы можете использовать инструменты разработчика браузера, чтобы узнать, сколько HTTP-запросов отправляет ваш сайт.
Щелкните правой кнопкой мыши страницу, которую хотите проанализировать, и щелкните «Проверить», затем щелкните вкладку «Сеть». (Если вы не видите вкладку «Сеть», возможно, вам придется развернуть боковую панель инструментов разработчика, перетащив левую границу влево.)
Столбец «Имя» показывает все файлы на странице, столбец «Размер» показывает размер каждого файла, а столбец «Время» показывает, сколько времени требуется для загрузки каждого файла.
В левом нижнем углу вы также увидите общее количество запросов, отправленных сайтом.
Уменьшение этого количества запросов ускорит работу вашего сайта, просмотрит ваши файлы и увидит, нет ли в них ненужных.
Вы можете ничего не заметить сразу, но некоторые из них, вероятно, являются основными кандидатами на объединение, о чем мы поговорим в следующих шагах.
2. Сократите и объедините файлы
Теперь, когда вы знаете, сколько запросов делает ваш сайт, вы можете приступить к сокращению этого количества. Лучше всего начать с файлов HTML, CSS и JavaScript.
Это чрезвычайно важные файлы, так как они определяют внешний вид вашего сайта.
Они также увеличивают количество запросов, которые ваш сайт делает каждый раз, когда пользователь его посещает.
Вы можете уменьшить это число, «уменьшив» и объединив файлы.Это уменьшает размер каждого файла, а также общее количество файлов.
Это особенно важно, если вы используете построитель веб-сайтов на основе шаблонов. Они упрощают создание веб-сайта, но иногда создают беспорядочный код, который может значительно замедлить работу вашего сайта.
Минимизация файла включает удаление ненужного форматирования, пробелов и кода.
Поскольку каждый ненужный фрагмент кода увеличивает размер вашей страницы, важно исключить лишние пробелы, разрывы строк и отступы.Это гарантирует, что ваши страницы будут максимально компактными.
Объединение файлов — это именно то, на что похоже. Если на вашем сайте работает несколько файлов CSS и JavaScript, вы можете объединить их в один.
Есть несколько способов минимизировать и объединить файлы, и если ваш сайт работает на WordPress, плагины , такие как WP Rocket , значительно упростят этот процесс.
Если у вас установлен этот плагин, перейдите на вкладку «Статические файлы» и отметьте файлы, которые вы хотите минимизировать и объединить.
Это может включать файлы HTML, CSS и JavaScript, а также шрифты Google.
Затем нажмите «Сохранить изменения», чтобы завершить процесс. Вы можете перезагрузить страницу и снова взглянуть на Инструменты разработчика, чтобы увидеть, как повлияли ваши изменения.
Когда дело доходит до вашего веб-сайта, чем компактнее, тем лучше. Чем меньше элементов на странице, тем меньше HTTP-запросов потребуется браузеру для отображения страницы — и тем быстрее она будет загружаться.
3. Используйте асинхронную загрузку для файлов CSS и JavaScript
После минификации и объединения некоторых файлов вы также можете оптимизировать способ их загрузки на ваших страницах.
Скрипты, такие как CSS и JavaScript, можно загружать двумя разными способами: синхронно или асинхронно.
Если ваши скрипты загружаются синхронно, они загружаются по одному в том порядке, в котором они появляются на странице. С другой стороны, если ваши скрипты загружаются асинхронно, некоторые из них будут загружаться одновременно.
Асинхронная загрузка файлов может ускорить ваши страницы, потому что когда браузер загружает страницу, она перемещается сверху вниз.
Если он попадает в файл CSS или JavaScript, который не является асинхронным, он прекращает загрузку до тех пор, пока не будет полностью загружен этот конкретный файл.Если бы тот же файл был асинхронным, браузер мог бы продолжить загрузку других элементов на странице одновременно.
Используя ту же вкладку «Статические файлы» в плагине WP Rocket, проверьте параметры рядом с «Блокировка рендеринга CSS / JS».
Нажмите «Сохранить изменения», затем проверьте свой сайт, чтобы убедиться, что все загружается правильно.
4. Отложить загрузку JavaScript
Отсрочка файла означает предотвращение его загрузки до тех пор, пока не будут загружены другие элементы.Если вы откладываете большие файлы, такие как JavaScript, вы гарантируете, что остальная часть вашего контента может загружаться без задержки.
Если у вас есть сайт WordPress, вы можете использовать упомянутый выше плагин WP Rocket, чтобы легко включить отложенную загрузку JavaScript. Просто установите флажок рядом с «Загружать файлы JS с задержкой», и все готово.
Если у вас есть сайт HTML, вам нужно разместить вызов внешнего файла JavaScript непосредственно перед тегом , который выглядит примерно так:
Для получения дополнительной информации ознакомьтесь с этим учебным курсом по отложенной загрузке JavaScript .
5. Минимизировать время до первого байта
Помимо времени, необходимого для полной загрузки страницы, вы также захотите посмотреть, сколько времени требуется для начала загрузки .
Время до первого байта , или TTFB, — это время, в течение которого браузер должен ждать, прежде чем получит свой первый байт данных с сервера. Google рекомендует TTFB менее 200 мс .
В отличие от многих факторов производительности внешнего интерфейса, на которых сосредотачивается большинство владельцев сайтов, это проблема на стороне сервера.
Когда пользователь посещает ваш сайт, его браузер отправляет HTTP-запрос на сервер, на котором он размещен. Между этим начальным запросом и первым байтом данных необходимо выполнить три шага:
Поиск DNS
Обработка сервера
Ответ
Вы можете узнать, сколько времени занимает этот процесс для вашего сайта, с помощью инструментов разработчика Chrome или стороннего инструмента.
Если вы используете Инструменты разработчика, важно помнить, что время отклика может зависеть от вашего подключения к Интернету.Таким образом, чем медленнее ваше собственное соединение, тем медленнее будет отображаться ответ вашего сервера.
Чтобы получить доступ к этой информации в Инструментах разработчика, щелкните вкладку «Сеть» и наведите указатель мыши на верхний элемент в столбце «Водопад».
Вы также можете использовать любое количество бесплатных сторонних инструментов, например WebPageTest , протестировать свой сайт из центра обработки данных.
Если TTFB меньше 200 мс, вы в хорошей форме.
Если нет, то в корне может быть несколько разных проблем.
Как правило, большинство проблем с медленным TTFB вызвано либо проблемами сети, созданием динамического контента, конфигурацией веб-сервера и трафиком.
Из этих четырех факторов вы можете контролировать два: создание динамического контента и конфигурацию сервера.
В отличие от статических страниц, серверу необходимо «построить» динамический файл перед ответом.
Если у вас есть сайт WordPress, ваши страницы, скорее всего, динамические. Это означает, что им необходимо взаимодействовать с базой данных, чтобы «построить» с помощью PHP, прежде чем они будут доставлены.
Вы можете сократить время, которое на это требуется, включив кеширование — мы доберемся до него через минуту.
6. Уменьшить время отклика сервера
Одним из важнейших факторов, влияющих на скорость загрузки страницы, является количество времени, которое требуется для поиска в DNS.
DNS или система доменных имен — это сервер с базой данных IP-адресов и связанных с ними имен хостов. Когда пользователь вводит URL-адрес в своем браузере, DNS-сервер переводит этот URL-адрес в IP-адрес, указывающий его местонахождение в сети.
Таким образом, поиск в DNS — это процесс поиска определенной записи DNS. Вы можете думать об этом, как о том, что ваш компьютер ищет номер в телефонной книге.
Например, допустим, вы хотите перейти по URL-адресу ubnt.com. Вы можете ввести это в свой браузер, но это мало что значит для вашего компьютера.
Ваш интернет-провайдер выполнит поиск в DNS, чтобы найти IP-адрес, связанный с этим URL-адресом.
Он получит IP-адрес, например 52.40.57.158.443, который сообщает ему, где найти сайт, который вы ищете.Этот шаг избавляет пользователей от необходимости запоминать длинные строки чисел для доступа к информации в Интернете.
Продолжительность этого шага зависит от скорости вашего DNS-провайдера. Если нет, возможно, пришло время переключиться на более быстрого поставщика DNS.
Вы можете проверить этот отчет о сравнении скорости DNS , который обновляется ежемесячно, чтобы получить представление о том, где работает ваш провайдер, и узнать, какие провайдеры предлагают более высокие скорости.
Если вы используете медленный DNS, это увеличивает время, необходимое браузерам для обнаружения вашего сайта.Переход на более быстрого DNS-провайдера может ускорить процесс.
7. Выберите подходящий вариант хостинга для своих нужд
Большинство новых владельцев сайтов выбирают самый дешевый вариант хостинга. Хотя этого часто бывает достаточно вначале, вам, скорее всего, потребуется выполнить обновление, как только вы начнете получать больше трафика. Не экономьте на хосте, выберите тот, которому можно доверять. Здесь есть отличный набор обзоров лучших веб-хостингов.
При выборе хостинга у вас есть три различных варианта:
Общий хостинг
Хостинг VPS
Выделенный сервер
Общий хостинг — самый дешевый вариант, и вы часто можете получить его примерно за пять долларов в месяц.Хотя это нормально для сайтов с низким трафиком, общий хостинг не справляется с резкими скачками трафика и сайтами с большим объемом. И на ваш сайт могут повлиять всплески трафика с других сайтов, использующих тот же сервер, что и вы.
При виртуальном хостинге вы разделяете определенные ресурсы, такие как ЦП, дисковое пространство и ОЗУ, с другими сайтами, размещенными на том же сервере.
Используя VPS-хостинг, вы по-прежнему разделяете сервер с другими сайтами, но у вас есть свои собственные выделенные части ресурсов сервера.Это хороший промежуточный вариант. Он защищает ваш сайт от всех остальных на вашем сервере без затрат на выделенный хостинг.
KeyCDN объясняет это, используя аналогию, когда живут в квартире и живут в кондоминиуме .
Когда вы живете в квартире, вы разделяете определенные удобства, такие как прачечные и парковочные места, и имеете доступ к ремонтной бригаде здания.
С другой стороны, когда вы живете в кондоминиуме, вы не пользуетесь общими помещениями и несете ответственность за определенный ремонт и техническое обслуживание.Жильцов в доме тоже меньше.
Тогда вы можете рассматривать выделенный хостинг как владение домом. Вы никому не передаете ресурсы и несете ответственность за их обслуживание.
С выделенным сервером у вас гораздо больше места, но вам также нужно больше работать с настройкой и технической настройкой.
Если вам нужно много места и вы хотите полностью контролировать свой хостинг, это ваш лучший выбор.
Но, как вы уже догадались, это самый дорогой вариант.
Если вы находитесь в точке, когда уровень трафика снижает время отклика сервера, возможно, пришло время переключиться с общего хостинга на VPS или с VPS на выделенный сервер.
8. Проведите аудит компрессии
В ваших интересах максимально уменьшить размер файлов без ущерба для качества. Чем меньше ваши файлы, тем быстрее они загружаются и тем меньше будет общее время загрузки.
Страницы с большим количеством изображений и другого контента часто могут иметь размер более 100 КБ.В результате они громоздкие и загружаются медленно.
Вы можете ускорить загрузку, сжав ее.
Чтобы понять, как сжатие может ускорить работу вашего сайта, вы можете использовать GIDNetwork для запуска аудита сжатия.
Просто введите свой URL и нажмите «Проверить». Если страница, которую вы вводите, не сжата, вы увидите что-то вроде этого:
Это сообщает вам несжатый размер вашей страницы, который вы позже можете использовать в качестве эталона для измерения результатов сжатия.
Ниже вы увидите анализ того, насколько вы потенциально можете уменьшить размер страницы с точки зрения размера и процента с помощью такого инструмента, как Gzip (к которому мы вернемся на следующем шаге).
Это сжатие включает файлы HTML, CSS, JavaScript, обычный текст и XML.
9. Включить сжатие
Чем меньше ваши файлы, тем быстрее будут загружаться ваши страницы. Сжатие файлов — один из самых простых способов сократить время загрузки, и сегодня включение сжатия с помощью Gzip считается стандартной практикой.
Gzip — это формат файла и программное приложение, которое, по сути, находит строки с похожим кодом в ваших текстовых файлах, а затем временно заменяет их, чтобы уменьшить размер файлов.
Это хорошо работает с CSS и HTML, потому что эти файлы обычно содержат повторяющийся код и пробелы.
Большинство веб-серверов могут сжимать файлы в формате Gzip перед их отправкой на загрузку, вызывая сторонний модуль или используя встроенные процедуры. По данным Yahoo, это может сократить время загрузки примерно на 70% .
А поскольку 90% сегодняшнего интернет-трафика проходит через браузеры, поддерживающие Gzip, это отличный вариант для ускорения вашего сайта.
Если вы не уверены, включен ли на вашем сайте Gzip, вы можете использовать checkgzipcompression.com , чтобы увидеть. Просто введите URL своего сайта, и если у вас включен Gzip, вы увидите что-то вроде этого:
Если у вас , но не Gzip включен, вы захотите исправить это как можно скорее.
Если ваш сайт работает на WordPress, плагины WP Rocket и W3 Total Cache поддерживают включение Gzip.
В W3 Total Cache все, что вам нужно сделать, это установить флажок «Включить сжатие HTTP (gzip)».
Если у вас статический HTML-сайт, вам необходимо включить Gzip в файле .htaccess. Точный код, который вам нужен, зависит от вашего сервера, но если ваш сайт работает, например, на Apache, он выглядит так:
Также существует аналогичная версия необходимого кода для серверов NGINX.
10. Включить кеширование браузера
Когда вы посещаете веб-сайт, элементы на странице, которую вы посещаете, сохраняются на вашем жестком диске в кэше или временном хранилище.
Это означает, что в следующий раз, когда вы посетите сайт, ваш браузер сможет загрузить страницу без необходимости отправлять еще один HTTP-запрос на сервер.
Вот как это объясняет Tenni Theurer , ранее работавший в Yahoo:
Когда кто-то впервые заходит на ваш веб-сайт, он должен загрузить HTML-документ, таблицы стилей, файлы javascript и изображения, прежде чем сможет использовать вашу страницу. Это может быть целых 30 компонентов и 2,4 секунды.
После загрузки страницы и сохранения различных компонентов в кэше пользователя для последующих посещений необходимо загрузить только несколько компонентов.
В тесте Терера это было всего три компонента и 0,9 секунды, что сократило время загрузки почти на 2 секунды.
Theurer говорит, что 40-60% ежедневных посетителей вашего сайта заходят с пустым кешем, поэтому очень важно, чтобы вы сделали свою страницу быстрой для этих новых посетителей. Но включение кеширования может значительно сократить время повторных посетителей и улучшить взаимодействие с пользователем.
Способ настройки кеширования зависит от того, используете ли вы свой сайт с помощью WordPress или статического HTML.
Увеличьте скорость вашего сайта в WordPress с помощью W3 Total Cache
Если у вас сайт WordPress, вы можете использовать плагин, например W3 Total Cache , чтобы легко включить кеширование.
После установки перейдите к «Кэш страницы» в разделе «Общие настройки» и установите флажок «Включить».
Этот простой шаг сам по себе должен повысить производительность сайта, но вы можете сделать больше, чтобы улучшить свои результаты с помощью плагина.
Включение кеширования браузера позволяет сохранять кешированную версию вашего сайта в браузере посетителя. Это означает, что когда пользователь вернется на ваш сайт, он будет загружаться быстрее.
Вы можете включить эту опцию, перейдя в «Общие настройки»> «Кэш браузера» и установив флажок «Включить».
Если вы используете VPS или выделенный сервер, вы также можете включить кеширование объектов для ускорения динамических элементов на вашем сайте.
Эта функция также находится в ваших общих настройках.
Однако, если вы используете общий сервер, лучше оставить эту опцию отключенной. Кэширование объектов — это ресурсоемкий процесс, который может в конечном итоге замедлить работу вашего сайта — точно противоположность того, что вы хотите выполнить с помощью плагина.
После того, как вы настроите свои настройки, вы сразу увидите улучшение времени загрузки. W3 Total Cache утверждает, что его пользователи увидели 10-кратное улучшение результатов Google PageSpeed и до 80% экономии полосы пропускания после полной настройки плагина.
Если у вас есть статический HTML-сайт, вы можете включить кеширование в файле .htaccess.
Вы можете добавить строки кода, которые сообщают браузерам, что нужно кэшировать и как долго это хранить, который будет выглядеть примерно так :
Это позволяет вам установить период времени, в течение которого каждый тип файла будет храниться в кэше посетителя.
Обычно статические ресурсы должны иметь время жизни кэша не менее недели. Сторонние ресурсы, такие как реклама или виджеты, должны иметь время жизни кеша не менее одного дня.
Для всех кэшируемых ресурсов, таких как файлы JavaScript и CSS, файлы изображений, файлы мультимедиа и PDF-файлы, установите кэширование от одной недели до одного года.
11. Уменьшить размер изображения
Изображения могут играть важную роль в скорости вашего сайта. Часто это очень большие файлы, которые могут замедлить загрузку страницы.
Но удалить их совсем не вариант.
Подумайте вот о чем: средняя конверсия на сайте электронной коммерции колеблется в пределах 1-3%
Но это число может вырасти до 5 процентов для некоторых сайтов, таких как NatoMounts , где средний коэффициент конверсии составляет около пяти процентов, причем примерно 85% этих конверсий приходится на мобильные устройства.
Один из лучших способов поднять коэффициент конверсии до этого уровня — это добавить множество полезных изображений продуктов. В одном опросе 66% потребителей заявили, что хотели бы увидеть как минимум три фотографии продукта перед покупкой.
Это означает, что если вы хотите запустить успешный сайт электронной коммерции, изображения абсолютно необходимы.
Это также означает, что сжатие изображений имеет решающее значение — и это важно независимо от того, есть ли на вашем сайте магазин электронной коммерции или нет.
Вы можете увидеть, насколько большое влияние изображения оказывают на любую из ваших страниц, с помощью такого инструмента, как Pingdom .Запустите тест скорости страницы, затем посмотрите «Запросы по типу контента».
В этом примере вы можете видеть, что изображения составляют более 40% содержимого на странице .
Уменьшение их размера может сильно повлиять на время загрузки страницы.
Фактически, в одном исследовании изменение размера изображений с 22 МБ до 300 КБ привело к сокращению времени взаимодействия на на 70%.
Один из самых простых способов уменьшить размер файла изображения — обрезать изображения до нужного размера. Например, если вы хотите, чтобы изображение отображалось шириной 570 пикселей, измените размер изображения до этой ширины.
Не загружайте изображение шириной 2000 пикселей и задайте для параметра ширины нужный размер. Это требует, чтобы ваша страница загрузила полное изображение, а затем отрегулируйте его до подходящего размера, что замедлит вашу страницу.
Если вы используете параметр ширины, чтобы изображения на вашем сайте казались меньше, изменение размера этих изображений должно быть приоритетом.Это простой способ уменьшить общий размер каждой страницы и может существенно повлиять на скорость вашего сайта.
Затем вы можете сжать файлы изображений с помощью нескольких различных инструментов.
Если ваш сайт работает на WordPress, WP Smush — отличный вариант.
Установите флажок «Автоматически удалять мои изображения при загрузке», и все ваши новые изображения будут сжаты без дополнительной секунды работы.
Вы также можете использовать этот плагин для автоматического изменения размера всех загружаемых вами файлов.Установите максимальную ширину и высоту, и любые изображения, превышающие их, будут «сглажены».
Если вы не используете WordPress, вы можете использовать инструмент, не относящийся к WordPress, например Compressor.io.
Перед добавлением изображения на свой сайт загрузите его в этот инструмент и выберите, хотите ли вы сжатие с потерями или без потерь.
(Если вы не уверены, что лучше, продолжайте читать — мы вернемся к этому через минуту.)
Затем вы сможете увидеть информацию о том, насколько файл был уменьшен, и сможете загрузить новый, меньший файл.
После того, как вы сохранили новый файл изображения, вы можете загрузить его на свой сайт.
Затем вы также должны убедиться, что используете соответствующие типы файлов для каждого изображения. Это может показаться незначительной проблемой, но типы файлов, которые вы используете, могут повлиять на размер каждого файла.
У вас есть несколько различных вариантов, наиболее распространенными из которых являются JPG, PNG и GIF .
JPG — лучший вариант для фотографий. Он использует сжатие с потерями, что означает, что некоторые данные изображения теряются при сохранении в этом формате.
Эта потеря данных незаметна для зрителей на фотографиях, но приводит к меньшему размеру файла, чем у большинства типов файлов изображений.
Итак, если вы загружаете страницы с большим количеством фотографий, убедитесь, что все они представлены в формате JPG, это может значительно сократить время загрузки, не влияя на их внешний вид.
PNG, с другой стороны, используют сжатие без потерь. Это означает, что при сохранении изображения в формате PNG вы не теряете никаких данных, а размер получаемого файла больше, чем в формате JPG.
Если вам нужны четкие линии и четкие детали, лучше всего подойдет PNG. Это лучший вариант для логотипов, снимков экрана, штриховой графики и другой детализированной графики.
Наконец, GIF-файлы следует использовать только для небольших или простых изображений размером менее 10 × 10 пикселей, цветовой палитры из 3 или менее цветов, а также для анимированных изображений.
Как только вы определите размеры и форматы изображений, вы можете убедиться, что код, который вы используете для их реализации, тоже правильный. В частности, избегайте пустых src-кодов изображений.
В HTML код изображения включает это:

Если в кавычках нет источника, браузер делает запрос к каталогу страницы или к самой странице. Это может добавить ненужный трафик на ваши серверы и даже повредить пользовательские данные.
К счастью, это легко исправить. Либо добавьте путь к файлу изображения, которое вы хотите включить, либо полностью удалите лишние теги.
12.Используйте CDN
Помимо сервера, на котором размещен ваш сайт, вы также можете использовать другие сети серверов, чтобы уменьшить время загрузки для ваших посетителей.
Когда ваш сайт размещен на одном сервере, каждый посещающий его пользователь отправляет запросы на этот же сервер.
Это означает, что, когда ваш сайт испытывает высокий уровень трафика, время, необходимое для обработки каждого запроса, увеличивается, что замедляет время загрузки для всех из них.
Если учесть, что периоды высокой загруженности, как правило, представляют большой потенциал для роста вашего бизнеса, это далеко не идеально.
Кроме того, для пользователей, которые физически находятся дальше от вашего сервера, время загрузки увеличивается, потому что информация должна перемещаться на большее расстояние — даже если ваш не испытывает большого объема трафика.
CDN, или сеть доставки контента, может помочь вам устранить эти проблемы.
С помощью CDN вы кэшируете свой сайт в глобальной сети серверов. Когда браузер пользователя запрашивает файлы с вашего сайта, этот запрос направляется на ближайший сервер.
Например, предположим, что ваш исходный сервер находится в Калифорнии, но использует CDN для глобального размещения файлов.Ваша сеть может выглядеть примерно так: :
Если пользователь из Южной Африки заходит на ваш сайт, его браузер может загружать файлы с ближайшего сервера.
Контент, который получает пользователь, идентичен, но может загружаться намного быстрее, чем если бы его браузер выполнял запросы к серверу, находящемуся географически далеко. Это устраняет задержки при загрузке и проблемы с задержкой, с которыми иногда сталкиваются пользователи, расположенные далеко от серверов хостинга.
В одном эксперименте VentureHarbor сообщил об уменьшении времени загрузки в диапазоне от 20 до 51%, — для 20 минут работы.
Конкретные улучшения варьируются от страницы к странице, при этом страницы с большим количеством больших изображений получают наибольшую выгоду от CDN.
Если вы хотите начать использовать CDN, лучше всего подходят MaxCDN и Cloudflare .
MaxCDN — это полный CDN, то есть только предлагает услуги CDN. У них больше центров обработки данных, и они сосредоточены исключительно на сокращении времени загрузки.
Cloudflare, с другой стороны, сочетает сервис CDN с функциями безопасности и оптимизации.
То, что вы выберете, зависит от того, хотите ли вы эти дополнительные функции или просто хотите сосредоточиться на повышении скорости.
В любом случае, настройка — довольно быстрый процесс.
Если вы выберете MaxCDN, вы начнете с создания «вытягивающей зоны». Нажмите «Зоны» в панели администратора.
Затем нажмите «Создать зону извлечения».
Здесь вам нужно будет ввести исходный URL-адрес сервера, а также имя и метку для вашей зоны запроса.
После нажатия кнопки «Создать» вы увидите URL-адрес своего CDN, например cdn.yourdomain.netdna-cdn.com. Скопируйте это в блокнот или другое легкодоступное место. (Он понадобится вам через несколько минут.)
Затем вам нужно будет создать «зону контента», нажав кнопку «управлять» рядом с вашей зоной извлечения. Нажмите «Настройки» и введите несколько поддоменов в поля «Пользовательские домены».
Обычно это cdn.yourdomain.com, cdn1.yourdomain.com, cdn1.yourdomain.com, cdn3.yourdomain.com и т. Д.
(Этот формат именования является стандартной практикой, и его легче всего запомнить, если вы когда-нибудь столкнетесь с проблемами или вам понадобится проконсультироваться с разработчиком.)
Вы можете добавить до семи пользовательских доменов, затем нажмите «Обновить».
Затем вам нужно будет добавить новый CDN на свой сайт с помощью редактора DNS вашего хостинг-провайдера. Точное местоположение зависит от провайдера, но в большинстве случаев вы можете найти редактор DNS в меню «Домены».
В Bluehost это меню называется «Редактор зон». Если вы используете Bluehost, нужные вам поля будут выглядеть следующим образом.
Введите URL-адрес, предоставленный MaxCDN (скопированный и вставленный из блокнота), установите для Типа значение «CNAME» и один из созданных вами пользовательских доменов CDN (например, cdn.yourdomain.com).
Затем повторите этот процесс для всех своих поддоменов.
Готово!
А если вы хотите использовать Cloudflare, , то процесс еще проще .
Нажмите кнопку «Зарегистрироваться» на их домашней странице , затем создайте учетную запись. Введите свой домен и нажмите «Начать сканирование».
Это займет около одной минуты, и все ваши записи DNS, включая любые поддомены, будут обработаны. Вы можете решить, какие из них хотите включить.
Выберите нужный план и нажмите «Обработать и продолжить».
Затем вы увидите серверы имен Cloudflare для своего домена. Затем вам нужно будет обновить серверы имен для своего домена.
Это нужно сделать через регистратора доменов. Войдите в свой регистратор и перейдите к записям своего сервера имен.
Это индивидуально для каждого регистратора. В Bluehost, например, вы можете найти его, перейдя в «Диспетчер доменов», затем щелкнув вкладку «Сервер имен».
Затем переключите свои предпочтения на «Использовать настраиваемые серверы имен» и скопируйте и вставьте сервер имен, предоставленный Cloudflare.
Сохраните изменения, затем вернитесь на панель управления Cloudflare, чтобы убедиться, что вы правильно установили CDN. Перейдите на вкладку «Обзор», и если ваша CDN работает, вы увидите код статуса «Активен».
Если да, значит ваш CDN работает!
Последний шаг, который вам нужно сделать, — это проверить наличие ваших записей SSL.Щелкните вкладку «Шифрование», чтобы проверить наличие записей SSL. Вы должны увидеть одну для вашего корневого домена и одну запись поддомена с подстановочными знаками.
Если вы еще не видите эти записи, они появятся в течение 24 часов.
Но как только они это сделают, ваш CDN будет обслуживать безопасную версию вашего сайта — точно так же, как ваш исходный сервер.
13. Используйте внешние хостинговые платформы
Помимо размещения файлов вашего сайта на CDN, вы также можете использовать внешние хостинговые платформы для некоторых из ваших больших файлов.
Это особенно важно для видео.
Например, вы хотите добавить на свой сайт видеоурок. Вы создаете, редактируете и экспортируете видеофайл.
Что теперь?
Ваша первая мысль может заключаться в том, чтобы загрузить видео прямо на свой сайт через FTP или редактор WordPress.
Не делайте этого.
Когда вы размещаете видео на собственном сервере, они занимают тонну и места. Видео файлы могут легко занимать более 100 МБ.
Если вы используете общий сервер, у вас ограниченный объем места. Видео могут заставить вас быстро превысить этот лимит.
В некоторых случаях большие видеофайлы могут даже нарушать ваши условия допустимого использования, что может привести к тому, что ваша учетная запись хостинга полностью отключится.
И даже если вы, , сможете загружать большие видео к своему хостинг-провайдеру, это, скорее всего, будет неудобно для пользователей.
Если несколько пользователей попытаются просмотреть видео на вашем сайте одновременно, ваш сервер должен будет доставить этот огромный файл всем им.Если ваш сервер имеет ограниченную полосу пропускания, это может привести к задержкам и паузам при воспроизведении.
Если вы когда-нибудь пытались посмотреть видео, и оно каждые несколько секунд делало паузу для загрузки, вы знаете, насколько это может быть неприятно.
Не делайте этого со своими посетителями.
Вместо этого разместите свое видео на стороннем сервисе, например YouTube , Vimeo или Wistia .
Затем вставьте видео на свой сайт.
Этот процесс экономит место, сокращает время загрузки и чрезвычайно прост в исполнении.
Самая сложная часть — это просто выбрать, какой из них вы хотите использовать.
YouTube
Когда большинство людей думают об онлайн-видео, они думают о YouTube. Это один из самых известных сайтов в мире с пользовательской базой , более 1,5 миллиона человек , которые смотрят почти 5 миллиардов видео в день.
Это означает, что у него больше пользователей в месяц, чем у любой крупной социальной сети, кроме facebook.
Это также совершенно бесплатно.
Самым большим потенциальным преимуществом YouTube является то, что он может помочь вам охватить более широкую аудиторию. Если вы хотите использовать видео, чтобы повысить узнаваемость своего бренда и направить трафик на свой сайт, это отличный вариант.
Если вы просто хотите встроить видео на свой сайт и не беспокоитесь о том, что они будут обнаружены на другой платформе, это может не иметь значения.
Единственным заметным недостатком YouTube является то, что у него есть 15-минутный лимит для большинства видео. Если вы хотите загрузить более длинный контент, вам нужно будет отправить запрос на увеличение лимита — так что, если вы будете делать это на регулярной основе, это может быть не лучшим вариантом для вас.
Vimeo
После YouTube, Vimeo является второй по величине платформой видеохостинга с 715 миллионами просмотров в месяц .
Таким образом, хотя у него все еще есть потенциал для того, чтобы ваши видео увидела новая аудитория, ваша потенциальная аудитория меньше, чем была бы с YouTube.
С другой стороны, стандартный видеопроигрыватель выглядит немного лучше, чем YouTube.
Однако важно отметить, что Vimeo имеет ограничения на загрузку контента.
В то время как базовое членство позволит вам загружать 500 МБ в неделю и до 5 ГБ в целом, их три платных плана варьируются от 7 до 50 долларов в месяц, с хранилищем от 250 ГБ до 5 ТБ.
Wistia
Wistia немного отличается от YouTube и Vimeo тем, что разработан с учетом требований маркетинга.
Пользователи обычно не просматривают сайт Wista в поисках контента, поэтому, если ваши видео искали и находили, это не вариант для вас.
Но если вы сосредоточены на использовании видео в качестве маркетингового инструмента, это может быть именно то, что вам нужно.
Платформа предлагает всестороннюю аналитику, в том числе информацию о том, откуда приходят ваши посетители, где они нажимают и как далеко в видео они перестают смотреть.
Он также позволяет включать призывы к действию прямо в видео и даже требовать от них подписаться на ваш список рассылки перед просмотром.
Plus, видеопроигрыватель Wistia настраиваемый , поэтому вы можете придать своим видео фирменный вид, изменив кнопку воспроизведения и другие элементы управления в цвета вашего бренда.
Вы также можете настроить параметры автовоспроизведения, параметры загрузки, субтитры и параметры публикации, а также упростить пользователям переход к определенным точкам видео, добавив главы.
И если вы используете HubSpot или Marketo, он может быть полностью интегрирован с обеими этими платформами.
Самым большим недостатком Wistia является то, что его бесплатный план включает только три видео.
Кроме того, платные планы стоят 99+ долларов в месяц.
После того, как вы выбрали платформу для видео и загрузили видео, добавить его на свой сайт будет легко независимо от того, какую платформу вы используете.
Выберите «Встроить» и скопируйте HTML-код, предоставляемый вашей платформой.
Затем скопируйте и вставьте код на страницу, где вы хотите, чтобы он отображался.
Для сайтов HTML просто добавьте его в свой код в том месте, где вы хотите, чтобы он отображался на странице.
Для WordPress: переключитесь в текстовый редактор и сделайте то же самое.
Вот пример того, как выглядит видео Wistia, встроенное в сообщение в блоге WordPress:
14. Оптимизация доставки CSS
CSS содержит требования к стилю вашей страницы.Как правило, ваш веб-сайт получает доступ к этой информации одним из двух способов: во внешнем файле, который загружается перед отображением вашей страницы, или во встроенном, то есть в самом HTML-документе.
Внешний CSS загружается в заголовок вашего HTML с кодом, который выглядит примерно так:

Встроенный CSS вложен в HTML вашей страницы и выглядит так:
Как правило, избегайте включения CSS в код HTML (например, в блоки div или заголовки), как показано во встроенном CSS, изображенном выше.Вы получите более чистый код, если поместите весь свой CSS во внешнюю таблицу стилей.
Это уменьшает размер вашего кода и создает меньше дублирования кода.
При настройке стилей также лучше использовать только одну внешнюю таблицу стилей CSS, поскольку дополнительные таблицы стилей увеличивают количество HTTP-запросов.
Если вы не знаете, как в настоящее время настроен ваш CSS, вы можете использовать этот инструмент доставки CSS , чтобы узнать. Введите свой URL, и вы увидите отчет со всеми внешними файлами CSS.
Прокрутите вниз, и вы также увидите, где находится этот внешний файл, а также любой встроенный CSS на странице и общий размер ваших файлов CSS.
Если у вас несколько внешних файлов CSS, каждый из них увеличивает время загрузки страницы. В некоторых случаях это неизбежно, но в большинстве случаев лучше их комбинировать.
К счастью, это простой процесс, который обычно можно выполнить с помощью всего лишь копирования и вставки.
Просто скопируйте содержимое каждого имеющегося у вас файла CSS и вставьте его в один основной файл .
Затем обновите свой HTML, чтобы он ссылался на этот новый файл, и удалите все ссылки на старые файлы.
Теперь браузерам ваших посетителей нужно загрузить только один файл CSS, а не несколько, что уменьшает общее количество запросов и время загрузки страницы.
Как только вы это сделаете, вы можете использовать PageSpeed Insights , чтобы убедиться, что у вас нет проблем с CSS, блокирующим рендеринг.
Если у вас есть ресурсы сценария блокировки, вы увидите их в разделе «Предложения по оптимизации.”
Если вы уже используете такой плагин, как WP Rocket, это не должно быть проблемой. Если у вас все еще есть проблемы с блокировкой рендеринга, дважды проверьте настройки плагина или следуйте рекомендациям Google по оптимизации доставки CSS.
15. Приоритет содержимого верхней части страницы (отложенная загрузка)
Только что порекомендовав вам использовать только одну таблицу стилей CSS и не использовать встроенный CSS, необходимо принять во внимание одно предостережение.
Вы можете улучшить взаимодействие с пользователем, если ваш раздел в верхней части страницы (вверху страницы) загружается быстрее — даже если остальная часть страницы загружается за несколько секунд.
Это называется отложенной загрузкой, и она особенно полезна для страниц с большим объемом содержимого ниже сгиба.
Например, вы пишете в блоге сообщение, содержащее 20 фотографий. Обычно браузеру пользователя необходимо загрузить все эти изображения перед отображением чего-либо на странице.
При отложенной загрузке он может сначала загрузить содержимое в представлении, а затем загрузить все эти фотографии.
Таким образом, пользователю не нужно ждать доступа к странице, и изображения будут загружаться по мере их появления.
Это может значительно сократить время загрузки сообщений с множеством изображений (например, этого).
А если вы запустите свой сайт на WordPress, включить его так же просто, как установить плагин. Есть вариантов, которые вы можете использовать , чтобы начать использовать отложенную загрузку на своем сайте.
Ленивая загрузка
Lazy Load — чрезвычайно простой плагин, который использует jQuery.sonar для загрузки изображений только тогда, когда они видны в браузере пользователя.
Все, что вам нужно сделать, это установить и активировать его. Затем плагин автоматически определит, когда изображение отображается для пользователя, и загрузит его.
Нет никаких настроек или параметров настройки, с которыми можно было бы возиться — которые, в зависимости от ваших предпочтений, могут быть либо хорошими, либо плохими.
В любом случае: если вы ищете быстрое и простое решение, то вот оно.
BJ Ленивая загрузка
BJ Lazy Load — еще один относительно простой плагин, но он предлагает еще несколько вариантов настройки.
Во-первых, вы можете определить, какой контент на вашем сайте вы хотите загружать лениво. Это может быть контент, миниатюры, граватары, изображения и окна iframe.
Вы также можете установить стандартное изображение-заполнитель для контента, который еще не загружен, и пропускать изображения с определенными классами.
Так, например, если вы не хотите, чтобы определенное изображение загружалось лениво, вы можете закодировать его примерно так:

Таким образом, плагин знает, что изображение загружается как обычно.
Вы также можете установить порог того, насколько близко к экрану зрителя должен находиться элемент перед загрузкой. Это дает вам больше контроля над скоростью и функцией загрузки вашей страницы.
Плагин также поддерживает бесконечную прокрутку.
Если вы ищете плагин, который прост в использовании, но дает немного больше контроля, чем Lazy Load, это отличный вариант.
Ракета WP
Если вы уже используете WP Rocket, вы также можете использовать плагин , чтобы включить ленивую загрузку .
Откройте настройки WP Rocket, затем щелкните вкладку «Основные». В разделе LazyLoad установите флажок «Включить для изображений».
После включения этой функции вы можете использовать несколько параметров настройки.
Например, если вы не хотите использовать отложенную загрузку для определенного сообщения или страницы, вы можете просто отключить ее для этой страницы.
Просто откройте страницу, затем прокрутите вниз до поля «Параметры кэша» на правой боковой панели. Затем снимите флажок рядом с «LazyLoad for Images» и сохраните изменения.
Вы также можете использовать фрагменты кода, чтобы отключить отложенную загрузку для определенных типов страниц, таких как домашняя страница или страница блога.
Например, отключение отложенной загрузки для вашей домашней страницы будет выглядеть так:
Вы можете скопировать и вставить эти фрагменты из руководства WP Rocket по настройкам отложенной загрузки .
Если вы хотите отключить ленивую загрузку для определенных изображений, вы можете сделать это с помощью атрибута data-no-lazy.
Просто добавьте его в код своего изображения, и оно загрузится нормально.
Наконец, вы можете включить эффект плавного перехода, чтобы ваши изображения загружались более плавно.
Когда изображения появляются сразу, они могут вызвать раздражение у посетителей. Вы можете сделать так, чтобы они отображались более постепенно, добавив фрагмент в свой файл CSS.
Вы также можете найти этот фрагмент в руководстве по ленивой загрузке от WP Rocket .
16. Уменьшите количество плагинов, которые вы используете на своем сайте
Как вы, наверное, уже догадались из этого поста, плагины могут многое сделать для улучшения вашего сайта WordPress.Вы можете использовать их для добавления настраиваемых функций, очистки кода, улучшения взаимодействия с пользователем и многого другого.
Они также устраняют необходимость возиться с большим количеством кода, что делает работу с сайтом чрезвычайно удобной для пользователя.
Plus, они очень просты в установке.
Это позволяет легко продолжать добавлять и устанавливать плагины, не учитывая потенциальных недостатков.
К сожалению, установка слишком большого количества подключаемых модулей может вызвать некоторые проблемы.
Они могут замедлить работу вашего сайта, создать проблемы с безопасностью и даже вызвать сбои и другие технические проблемы.
Плюс, следить за обслуживанием и обновлениями может быть утомительно, когда у вас их много.
И даже если у вас нет тонны подключаемых модулей, рекомендуется регулярно проверять те, которые вы установили. Все, что устарело, неэффективно или неправильно настроено, может отрицательно повлиять на скорость вашего сайта.
Деактивация и удаление всего ненужного может как улучшить вашу общую скорость, так и упростить обслуживание в долгосрочной перспективе.
Есть несколько разных способов оценить плагины на вашем сайте и отсеять все, которые замедляют скорость вашего сайта.
Проверьте свои плагины
Если вы хотите повысить скорость загрузки сайта, есть два разных способа определить, какие плагины влияют на нее.
Первый — выборочно отключить плагины, а затем измерить производительность вашего сайта. Это может быть утомительным процессом, если у вас много плагинов, но он покажет вам разницу между каждым из них.
Сначала запустите тест скорости со всеми включенными плагинами. Вы можете сделать это с помощью таких инструментов, как GTmetrix, Pingdom или любого другого инструмента скорости сайта, который вы предпочитаете.
Затем поэкспериментируйте, отключая плагины по одному и повторно проверяя свою скорость.
Записывайте время загрузки вашей страницы после каждого теста и то, какие плагины вы отключили для достижения более высокой скорости.
Если у вас много плагинов, этот процесс может занять некоторое время.
К счастью, есть альтернатива: установка другого плагина.
… да, я вижу здесь иронию.
Но Профилировщик производительности подключаемых модулей — надежный вариант для определения подключаемых модулей, вызывающих проблемы на вашем сайте. Кроме того, это намного быстрее и проще, чем вручную отключать плагины по отдельности и запускать тесты скорости сайта (и вы всегда можете отключить его, как только закончите использовать).
После установки плагина перейдите на страницу настроек и запустите сканирование сайта.
Это займет несколько минут, после чего вы увидите отчет с подробным описанием работы каждого плагина на вашем сайте.
Время загрузки плагина в верхней части отчета показывает совокупное время загрузки для всех плагинов на вашем сайте, а также процент от общего времени загрузки, который они составляют.
Вы также можете увидеть подробную временную шкалу с информацией о каждом плагине, вашей теме и ядре для каждой страницы. Это поможет вам точно определить, в чем проблема на медленно загружаемых страницах.
Наконец, вы можете хранить историю ваших сканирований производительности прямо в плагине.Таким образом, если вы столкнетесь с проблемами в будущем, у вас будет эталонный тест и хорошая отправная точка для выявления проблем.
Если во время оценки вы обнаружите какие-либо плагины, которые замедляют работу вашего сайта и в них нет необходимости, просто деактивируйте и удалите их.
Здесь можно легко найти плагин для контактной формы, если он у вас есть. Многие владельцы сайтов устанавливают плагин контактной формы, потому что считают, что это единственный способ добавить форму на свой сайт.
Но сегодня многие темы имеют встроенную функцию контактной формы.
Если вы заметили, что ваш плагин контактной формы замедляет работу вашего сайта, еще раз проверьте, входит ли эта функция в вашу тему. Если да, обновите свои формы и удалите плагин.
Выявить дублирование функциональности
В большинстве случаев плагины, которые вы установили на своем сайте, служат определенной цели. Поэтому, даже если ваш сайт замедляется из-за огромного объема, их удаление может оказаться невозможным.
К счастью, существует множество подключаемых модулей, которые могут выполнять более одной цели, и их поиск может помочь вам избавиться от подключаемых модулей, которые служат только одной цели.
Например, плагины WP Rocket и WP Total Cache на этой странице чрезвычайно полезны для повышения скорости сайта, и оба они являются отличными вариантами.
Но, учитывая, что они служат во многом схожим целям, вам, скорее всего, не понадобятся оба. Если бы они оба были установлены на вашем сайте, вы могли бы оценить функции, которые вы используете на каждом из них, и посмотреть, сможет ли один из них сделать все, что вам нужно.
Затем включите все эти функции в плагине, который вы хотите использовать, и отключите остальные.
Если у вас установлено много плагинов, вы можете быть удивлены тем, сколько простых из них можно легко удалить, включив функцию в более надежном.
Исключить плагины для задач, которые можно выполнить вручную
В зависимости от вашего уровня опыта вы также можете сократить количество плагинов, выполнив определенные задачи вручную.
Например, многие владельцы сайтов используют подключаемые модули для добавления кода отслеживания Google Analytics в свои заголовки.И хотя это чрезвычайно упрощает процесс для пользователей, которым неудобно редактировать код, в этом нет необходимости.
Если у вас установлен плагин Insert Headers and Footers (или аналогичный) для редактирования других частей тега заголовка, вы можете скопировать код Google Analytics из панели администратора, а затем вставить его сюда.
Сохраните изменения, и ваш код отслеживания будет установлен.
Если у вас не установлен плагин для редактирования верхних и нижних колонтитулов, вы можете вручную добавить его в свой заголовок через FTP вашего сайта.
Конечно, это более сложный вариант, и это хорошая идея, только если вы хорошо разбираетесь в простом редактировании кода. Но как только вы вставите свой код и повторно загрузите файл, вы готовы к использованию Google Analytics — никаких дополнительных модулей не требуется.
Еще один базовый плагин, который вы, возможно, установили, — это плагин шрифтов. Эти плагины предназначены для упрощения изменения шрифтов вашего сайта, но если он у вас установлен, вы можете удалить его с помощью нескольких строк кода.
Перейдите на страницу Google Fonts и выберите шрифт, который хотите использовать на своем сайте.В разделе «Встроить» вы увидите коды HTML и CSS для этого шрифта.
Добавьте HTML-код в заголовок и CSS в таблицу стилей CSS вашего сайта везде, где вы хотите использовать выбранный шрифт.
Вы также можете сделать это с любым количеством шрифтов. Таким образом, вы можете полностью настроить отображение всего текста на вашем сайте без единого плагина.
17. Уменьшить количество перенаправлений
Перенаправления часто необходимы при перемещении и удалении страниц и являются лучшим способом устранения проблем с неработающими ссылками.
Но их слишком много может создать дополнительные HTTP-запросы, которые могут отрицательно повлиять на скорость, особенно на мобильных устройствах.
Это означает, что лучше всего свести их к минимуму. Фактически, Google утверждает, что в идеале владельцы сайтов полностью их исключили бы.
К сожалению, это нереально для большинства владельцев сайтов, которые когда-либо удаляли или реструктурировали свой контент.
Тем не менее, в большинстве случаев есть возможности для улучшения.
Вы можете начать с использования Screaming Frog , чтобы быстро идентифицировать все перенаправления, которые в настоящее время находятся на вашем сайте.
Запустите сканирование сайта, затем выполните сортировку по столбцу «Код состояния», чтобы увидеть все 301 редирект на вашем сайте.
Вы можете просмотреть эти перенаправления, чтобы увидеть, чего они достигают, и убедиться, что они служат необходимой цели.
Вы также можете использовать эту возможность для определения цепочек перенаправлений или перенаправлений, которые указывают на другие перенаправленные страницы.Это создает ненужные дополнительные запросы, которые могут замедлить время загрузки.
Если вы обнаружите какие-либо цепочки перенаправления, вы можете отредактировать файл .htaccess , чтобы все перенаправленные страницы указывали прямо на самые последние версии этой страницы.
18. Уменьшить внешние скрипты
Как мы упоминали выше, чем меньше запросов ваш сайт делает к вашему серверу, тем быстрее будет загружаться страница.
Хотя файлы CSS и JavaScript часто являются основными виновниками дополнительных внешних скриптов, они не единственные — и удаление любых других также может повлиять на вашу скорость.
Есть много распространенных сторонних интеграций, которые вы можете использовать на своем сайте, о которых вы действительно не задумывались.
Вы можете определить все внешние скрипты, которые добавляют запросы, повторно открыв вкладку сети в инструментах разработчика Chrome.
Например, если вы используете Gravatar для комментариев в блоге, вы можете заметить, что загрузка пользовательских изображений значительно увеличивает время загрузки.
Или, если ваш сайт интегрирован с Twitter для удобного обмена сообщениями, это также может увеличить количество HTTP-запросов, которые делает ваш сайт.
Конечно, некоторые из этих дополнительных функций стоят миллисекунд, которые они добавляют к времени загрузки. В этом случае вы можете оставить их как есть.
Но если они не стоят замедления скорости вашей страницы, удалите или удалите их.
Информация о том, какие функции добавляются к вашему времени загрузки, поможет вам лучше понять скорость вашего сайта. Это также может помочь вам принимать более обоснованные решения о функциях, которые вы решите добавить на свой сайт в будущем.
19.Отслеживайте свою скорость с течением времени
По мере того, как вы работаете над повышением скорости своего сайта, рекомендуется отслеживать, как она меняется с течением времени. Это важно даже после того, как вы добились приемлемого времени загрузки страницы.
Как видно из этого поста, на скорость вашего сайта влияет тонна факторов, поэтому она может измениться практически в любой момент.
Регулярный мониторинг времени загрузки может помочь вам своевременно выявить любые проблемы и поддерживать ваш сайт в хорошей форме.
Как сделать тест скорости веб-сайта Для этого вы можете использовать множество инструментов. Одним из лучших инструментов для мониторинга общей производительности сайта является тест скорости веб-сайта от Pingdom.
Просто введите свой URL и выберите, откуда вы хотите протестировать свой сайт. Если у вас нет предпочтения местоположения, вы можете оставить это значение по умолчанию, но если вас беспокоят пользователи, которые географически удалены от ваших серверов, это позволит вам протестировать свой сайт из разных мест.
Затем вы увидите сводную информацию о времени загрузки и производительности вашей страницы, включая размер страницы, количество запросов и ее сравнение с другими протестированными сайтами.
Эта информация позволяет быстро оценить работоспособность вашего сайта, а отслеживание ее во времени — простой способ отслеживать улучшения или снижения производительности.
Ниже вы увидите список предложений по повышению производительности вашего сайта. Если вас не устраивает время загрузки, это поможет вам определить проблемы, которые его вызывают.
Вся эта информация включена в бесплатную версию инструмента.
Платная версия также предоставляет отчеты о скорости страницы , которые показывают скорость вашего сайта с течением времени. Это может помочь вам определить тенденции и точное время, когда на вашем сайте возникнут проблемы, что позволит легко найти корень любых проблем.
Платная версия также включает в себя оповещения и мониторинг времени безотказной работы, которые контролируют ваш сайт и автоматически предупреждают вас о проблемах.
Сюда входит мобильное приложение, которое будет уведомлять вас об ошибках сервера, простоях и других критических проблемах.Эти функции позволяют легко обнаруживать проблемы по мере их возникновения и следить за тем, чтобы ваш сайт всегда быстро загружался и работал нормально.
20. Мониторинг скорости мобильной страницы
Помимо отслеживания времени загрузки на компьютере, вам следует обратить особое внимание на то, насколько хорошо ваш сайт загружается на мобильных устройствах.
Как мы упоминали выше, опыт мобильных пользователей теперь влияет на все рейтинга вашего сайта.
Кроме того, в ваших интересах предоставить быстрый и удобный сайт для мобильных пользователей.
Вы можете начать с использования инструмента Google Test My Site для проверки скорости вашей страницы. Для начала просто введите свой URL.
Во-первых, ваши результаты покажут вам среднее время загрузки вашего сайта в сети 3G, а также его соответствие рекомендуемым передовым методам.
Он также показывает приблизительное количество посетителей, потерянных из-за времени загрузки. Если у вас медленное время загрузки, это может быть поразительное число.
Затем Google проводит сравнение по отраслям, чтобы показать ваши позиции по сравнению с другими сайтами в вашей отрасли.
Учитывая, что многие из этих сайтов являются вашими конкурентами, вам нужно работать над тем, чтобы стать лидером в своей отрасли.
Если скорость вашего сайта еще не приблизилась к желаемой, это может показаться высокой целью. Но по мере внесения изменений, перечисленных в этом посте, вы можете продолжить тестирование своего сайта и продвигаться по служебной лестнице.
Заключение
Уменьшить время загрузки вашей страницы до желаемого значения — непростая задача, но она окажет значительное положительное влияние на общую производительность вашего сайта.
Также важно помнить, что, хотя все советы на этой странице могут помочь вам достичь целевых показателей скорости загрузки сайта, нет необходимости выполнять их все сегодня.
Уделите время просмотру результатов тестирования скорости своего сайта и найдите проблемы, которые больше всего влияют на время загрузки. Сосредоточьтесь на этих факторах с высокой степенью воздействия и примите необходимые меры, чтобы привести их в порядок.
Оттуда вы можете пройти по этому списку и искать другие легкие победы.Хотя некоторые из приведенных здесь советов могут потребовать помощи от разработчика, некоторые из них можно выполнить менее чем за час.
И хотя некоторые из них могут показаться незначительными, даже небольшие шаги по сокращению времени загрузки могут иметь значение, и если учесть влияние, которое даже одна секунда может оказать на ваши конверсии и успех, они полностью того стоят.
8 способов сделать ваш сайт более удобным для пользователей
Веб-сайты превратились в нечто большее, чем просто текст и информацию на странице.Сегодня пользователи ожидают, что ваш веб-сайт будет развлекать их, обеспечивать высокое качество и удобство работы в целом. Все, от внешнего вида вашего сайта до размещения ваших призывов к действию, может повлиять на то, как долго посетители остаются на вашей странице. К счастью, сделать ваш сайт более удобным для пользователей несложно.
В этом блоге я покажу вам восемь идей, которые помогут вам сделать свой сайт более удобным для пользователей.
1. Слушайте своих пользователей
Найдите время, чтобы спросить своих постоянных посетителей, что они хотели бы видеть на вашей странице.Получение информации непосредственно от вашей целевой аудитории позволит вам обнаружить недостающие элементы, которые вы могли бы не увидеть самостоятельно. Пользователи часто точно знают, что им не нравится в веб-сайте. Ваша задача — превратить эти комментарии в положительные, исправив те особенности, которые не нравятся вашим посетителям.
Когда вы поместите пользователя в центр вашего дизайна и контента, ваш сайт автоматически станет более удобным для пользователей. Несколько лет назад ESPN.com попросил своих постоянных посетителей сообщить, что им следует добавить в редизайн своей домашней страницы.Они прислушались, добавили многие из упомянутых элементов и увидели рост доходов на 35%. Обратите внимание, как в их дизайне представлены элементы, которые кому-то больше всего понравятся.
2. Ускорься
Интернет-пользователи ожидают, что ваш сайт загрузится с молниеносной скоростью даже на мобильных устройствах. Около половины из них говорят, что ожидают, что веб-сайт загрузится в течение двух секунд, и откажутся от того, который не загружается через три секунды. Скорость действительно имеет значение, когда дело доходит до удержания посетителей на вашем сайте, чтобы они могли видеть, хотят ли они вести с вами дела.
Есть несколько инструментов, которые позволят вам проверить скорость вашего сайта, в том числе Pingdom и Google’s Page Speed Insights. Эти сайты также дадут вам советы о том, как ускорить работу вашего сайта. Для начала вы можете сделать две простые вещи: проверить скорость вашего сервера и оптимизировать любые изображения.
3. Предоставьте подробную информацию
Когда посетитель сайта попадает на вашу страницу, он хочет получить информацию, необходимую для принятия осознанного решения о вашем продукте или услуге.Если посетителю приходится искать эту информацию, он может решить, что вы что-то скрываете, или разочароваться, и уйти на сайт конкурента. Чем более подробным и доступным будет информация о том, что вы предлагаете, тем лучше.
Посмотрите руководство по покупке от Medical Guardian. Они понимают, что кто-то, ищущий устройство для медицинского мониторинга, вероятно, обеспокоен его эффективностью. В конце концов, вы отдаете жизнь любимого человека в его руки.Они предоставляют своим клиентам подробное руководство по покупке, которое отвечает на любые вопросы, которые могут возникнуть у потребителя, включая стоимость системы медицинского оповещения, поддержку, сертификаты центра мониторинга и даже то, как работает установка.
4. Сделайте навигацию интуитивно понятной
Когда посетитель попадает на веб-сайт, он часто смотрит на панель навигации, чтобы сориентироваться на странице. Панель навигации важна, потому что она следует за посетителем на протяжении всего пути по вашему сайту и служит инструментом для возврата на целевую страницу.
В то же время вам необходимо ограничить количество категорий на панели навигации, чтобы она не становилась слишком громоздкой — вы также должны размещать ее в одном месте на каждой странице. Проведите A / B-тестирование своей панели, пробуя немного разные позиции, расположение табуляции и даже формулировки. Это расскажет вам, что предпочитают пользователи и что лучше всего подходит для вашего сайта.
5. Тщательно выбирайте цвет
Тщательно выбирайте цвета для своего веб-сайта. Вам нужен идеальный баланс между красотой и ясностью.Мало того, что ваша цветовая палитра должна иметь смысл для вашей отрасли, но и контраст между фоном и текстом должен быть достаточным, чтобы посетитель мог легко читать текст и не утомлять глаза.
Посмотрите, какие яркие цвета использует Музей Ван Гога на своем веб-сайте. Яркий красный и яркие цвета в рисунке, используемом для фона, привлекают внимание пользователя. Поскольку индустрия — это искусство, сайт может проявить немного больше творчества в используемых цветах, комбинируя цвета для палитры, которую не использовала бы более консервативная отрасль, например банковское дело.Эта комбинация хорошо работает для этого конкретного сайта. Хотя белый текст на частичном кремовом фоне плохо работает, остальная часть сайта на высоте.
6. Улучшите макет вашего сайта
Имейте в виду, что сейчас многие пользователи заходят на веб-сайты через мобильные устройства. Около 80% интернет-пользователей владеют смартфонами, и они проводят все больше и больше времени, выходя в Интернет через свои телефоны, тем более что стоимость передачи данных снижается, а неограниченное количество данных становится стандартом.
Имея это в виду, наличие адаптивного макета становится еще более важным.Ваш сайт хорошо выглядит как на компьютере, так и на мобильном устройстве? Он не обязательно должен выглядеть одинаково. Более важно, чтобы мобильные пользователи могли видеть объекты, не увеличивая масштаб каждые несколько секунд, и легко перемещались по сайту.
7. Обратите внимание на CTA
Есть ли на ваших страницах убедительные призывы к действию (CTA) в тех местах, которые имеют смысл? Посетители сайта, которые решили купить или зарегистрироваться для вашей рассылки, хотят знать, как сделать следующий шаг. Сделайте это просто, используя сильный призыв к действию, который легко найти.
Посмотрите, что платформа обработки платежей Square делает со своей кнопкой CTA. Они учитывают как цвет, который будет выделяться на фоне, так и даже формулировку CTA, которая просто гласит: «Зарегистрируйтесь с помощью Square». Они также решили разместить кнопку CTA над сгибом и дополнительную информацию внизу. Это позволяет пользователю найти кнопку с того момента, как он попадает на страницу.
8. Расширьте контактную информацию Страница
Если у вас нет простого способа связаться с вами, вы рискуете потерять доверие тех, кто попадет на вашу страницу.Около 51% людей заявляют, что, по их мнению, полная контактная информация — это то, чего не хватает на многих веб-сайтах. Если ваш контакт — это просто электронная почта, подумайте о расширении этой информации.
Чем больше способов вы позволите пользователю связаться с вами, тем лучше. Подумайте о добавлении бесплатного номера, возможности чата, базы знаний и пользовательского форума. Все эти факторы повышают доверие к вашему сайту.
Сделайте свой сайт удобным для пользователей
Эти восемь вещей мгновенно сделают ваш сайт более удобным для пользователя, но ключ к сайту с хорошим UX — это постоянное улучшение.Найдите время, чтобы спросить своих клиентов, какие инструменты им помогут, и добавьте их на свой сайт. Помните, что инструменты, полезные для сайта электронной коммерции, будут отличаться от тех, которые полезны для блога.
Протестируйте все и постарайтесь увидеть свой сайт глазами целевой аудитории. В конце концов, ваш сайт станет проще в использовании для посетителей вашего сайта и потенциально приведет к увеличению продаж или привлечению новых клиентов.
Есть ли какие-то обязательные элементы пользовательского опыта, которые вам особенно важны? Расскажите об этом в комментариях.
Шесть простых способов сделать ваш сайт более заметным в результатах поиска Google
Мы соблюдаем строгую политику честности. Однако для финансирования нашей работы мы используем партнерские рекламные ссылки в этом блоге.
Получить хорошее место в результатах поиска Google может показаться сложным, но вы можете значительно облегчить себе жизнь и свой веб-сайт, предприняв несколько простых, рекомендованных Google шагов, чтобы помочь поисковому гиганту узнать, что вы находитесь здесь. В этой статье мы расскажем о них для вас.
1. Зарегистрируйте свой сайт в Google Search Console
Google Search Console — это бесплатная служба от Google, которая позволяет вам отправлять свой веб-сайт и его карту сайта в Google для индексации.
Независимо от того, используете ли вы Shopify, WordPress, Wix или Squarespace, добавление вашего веб-сайта в эту службу является отправной точкой для хорошего SEO .
Отправляя свою карту сайта в Google Search Console, вы сообщаете поисковому гиганту, что ваш веб-сайт существует, что, как вы могли догадаться, абсолютно необходимо для его появления в результатах поиска.
Это еще не все, что вы можете сделать с Search Console — вы также можете использовать этот инструмент, чтобы:
проверить, кто ссылается на ваш сайт (вообще говоря, чем больше качественных ссылок, указывающих на ваш сайт, тем лучше он будет работать в результатах поиска)
узнайте, есть ли у Google проблемы с индексированием вашего сайта (из-за технических проблем с ним)
сообщите
Google, существуют ли разные версии ваших веб-сайтов для разных стран
просмотреть поисковые запросы , которые привлекают наибольший трафик на ваш сайт
попросить Google переиндексировать обновленный фрагмент контента (чтобы свежая версия могла отображаться в поиске результаты быстрее
).
Справочные страницы Search Console — отличная отправная точка для понимания того, как этот инструмент может помочь вам повысить видимость вашего сайта в результатах поиска.
Вы также можете найти приведенное ниже видео «Введение в Google Search Console».
2. Зарегистрируйте свой сайт в Google Business
Когда вы начинаете новый бизнес, регистрация его в Google Business должна быть одним из ваших приоритетов.
Создание бизнес-профиля Google для вашего бизнеса может дать ему быстрый выигрыш в области SEO, помогая ему появляться в релевантных географических результатах поиска — это действительно может произойти всего за пару недель.
Когда вы зарегистрируете свой веб-сайт в Google Business, Google отправит открытку с булавкой на ваш служебный адрес — вы можете использовать ее для «подтверждения» своей компании в Google.
Эта проверка позволяет Google узнать, что ваша компания действительно работает в указанном вами месте — тогда она с большей вероятностью будет выделена в результатах поиска и на Картах Google, когда люди будут искать компанию, подобную вашей, в районе, в котором вы работаете.
Вы можете увидеть пример этого в действии на скриншоте ниже.
Поскольку эти водопроводчики из Квинса нашли время, чтобы зарегистрировать свой бизнес в Google Business, они занимают первые места в рейтинге — и, по всей вероятности, получают больше заказов, чем водопроводчики, которые этого не сделали.
Однако следует учитывать, что вы можете использовать Google Business только в том случае, если у вашей компании есть физическое местоположение, которое могут посетить клиенты, или если ваши сотрудники навещают клиентов рядом с тем местом, где они находятся.
Короче говоря, Google My Business — это значительная часть местного SEO, и если ваш бизнес полагается на привлечение клиентов в вашем регионе, регистрация в этой службе абсолютно необходима.
Помните: обновляйте свой бизнес-профиль в Google.
После того, как вы зарегистрируетесь в Google Business, на самом деле важно поддерживать свой профиль в актуальном состоянии.
Это связано с тем, что теперь клиенты с большой вероятностью увидят ссылку на ваш бизнес-профиль Google до . Они встретят стандартный результат поиска для вашего веб-сайта — обычно в поле, которое трудно избежать, либо над основными результатами, либо на справа от них (если используется настольный компьютер).
Итак, если ваша запись в Google Мой бизнес содержит неверную информацию — например, неправильные часы работы или старый номер телефона — это сработает против вас.
После того, как вы настроили свой бизнес-профиль в Google, поощряйте счастливых клиентов оставлять отзывы о вашей компании в Google — наличие большого количества звездочек рядом с названием вашей компании может увеличить рейтинг кликов, что, по мнению многих экспертов по SEO, может иметь положительные результаты. влияние на результаты поиска.
отзывов Google с оценкой звезд могут помочь вам повысить узнаваемость вашего веб-сайта среди местных жителей.
3. Сделайте так, чтобы ваш сайт загружался как можно быстрее, особенно на мобильных устройствах
Google использует скорость сайта в качестве сигнала ранжирования с 2010 года, поэтому важно убедиться, что ваш сайт загружается как можно быстрее .
Это означает, что вам следует:
свести к минимуму количество HTTPS-запросов на вашем сайте — свести использование скриптов к минимуму и использовать изображения только тогда, когда они повышают ценность вашего контента
убедитесь, что размеры ваших файлов изображений настолько малы, насколько могут быть — используйте инструменты сжатия изображений, такие как Tiny Png, чтобы сжать их с минимальной потерей качества изображения, или, в идеале, используйте новые форматы изображений с быстрой загрузкой, такие как WebP.
используйте быстрый хостинг .
Получение информации о скорости страницы
Вы можете использовать инструмент Google Page Speed Insights (снимок экрана ниже), чтобы получить исчерпывающий список действий, которые вы можете сделать, чтобы сократить время загрузки вашего контента.
Инструмент Google PageSpeed Insights поможет вам найти способы сократить время загрузки вашего веб-сайта. Сайт
Pingdom’s Website Speed Test также является хорошим ресурсом для выявления аспектов вашего веб-сайта, которые замедляют его работу.
Pingdom Tools
Важность скорости страницы для мобильных устройств
Особенно важно обеспечить, чтобы ваш веб-сайт был невероятно быстрым на на мобильном телефоне, и чтобы пользователи, просматривающие его на смартфонах, чувствовали себя максимально комфортно.
Исследования показывают, что 29% пользователей смартфонов немедленно переключаются на другой сайт, если их не устраивает работа вашего сайта. Соответственно, Google делает очень сильным акцентом на поощрении сайтов, которые быстро загружаются на мобильные устройства с более высокими позициями в поиске.
Учитывая огромный рост мобильных поисковых запросов в последние годы, очень важно оптимизировать свой веб-сайт для смартфонов.
Еще одна вещь, о которой следует помнить, — это то, что Google предпочитает мобильные сайты, на которых нет беспорядка, т. Е. Те, на которых нет навязчивых всплывающих окон или «межстраничных объявлений».
Это не только может замедлить загрузку вашего веб-сайта на мобильном устройстве. , они могут ухудшить взаимодействие с мобильными пользователями — за что алгоритм Google обычно наказывает.
Здесь вы можете просмотреть обзорное руководство Google по поисковой оптимизации для мобильных устройств, в котором рассказывается, как сделать свой мобильный сайт более заметным в результатах поиска.
4. Определите правильные ключевые слова для использования — и добавьте их в свои заголовки, заголовки страниц, метаописания и URL-адреса
Важно определить лучших ключевых слов — фраз, по которым вы хотите ранжироваться в результатах поиска — для свой сайт и убедиться, что они добавлены на него правильным образом.
Определение правильных ключевых слов
Чтобы узнать, какие ключевые слова являются лучшими для вашего веб-сайта, вам необходимо выполнить исследований ключевых слов .
Это включает в себя поиск трех ключевых элементов информации:
ключевых слов , которые люди используют для поиска продуктов или услуг, подобных вашему
объем поисков для каждого из них
насколько это будет сложно быть для ранжирования по каждому ключевому слову (это зависит от того, сколько существующих авторитетных сайтов или страниц уже работают хорошо в результатах поиска по этим ключевым словам).
Выполнение исследования ключевых слов с помощью Semrush
Когда у вас есть эти три части информации, вы обычно можете определить фразу (или фразы) для оптимизации вашего контента.
Это связано с тем, что у вас достаточно данных, чтобы найти «золотого пятна» SEO — ключевых слов, которые достаточно популярны, чтобы генерировать достаточно большой объем трафика, не будучи настолько популярными, что уже существует множество других веб-сайтов, доминирующих в поиске. результаты для них.
Чтобы получить эти данные, вам понадобится специальный инструмент для исследования ключевых слов, например Semrush или Ahrefs; они позволяют вам вводить ключевые слова и предоставлять вам всю вышеуказанную статистику по каждому из них.
Добавление ключевых слов на ваш сайт
После того, как вы определили наиболее подходящие ключевые слова, вам необходимо убедиться, что они добавлены в нужные места вашего веб-сайта.
Вы должны добавить их в:
Заголовки страниц — текст, отображаемый в результатах поиска как интерактивный заголовок для данного результата
Мета-описания — описание страницы, которое отображается в результатах поиска как основное резюме содержания
Заголовки — заголовки «указатели» (h2, h3, h4 и т. д.)), которые направляют читателей через статью
Содержание страницы — основная копия вашей страницы
Ваши URL-адреса — адрес страницы, то есть www.yoursite.com/page-name
Пример результата поиска с выделением заголовка страницы и метаописания.
Google использует все эти элементы различными способами для индексации вашего контента и определения его релевантности для поиска по вашим предпочтительным ключевым словам.
Одно предостережение по поводу метаописаний: Google официально заявляет, что метаописания не являются фактором ранжирования.
Тем не менее, он отслеживает рейтинг кликов, который метаописания генерируют в результатах поиска, с более высокими рейтингами кликов (CTR), что указывает на то, что страница, скорее всего, хорошо ответит на конкретный поисковый запрос. Страницы с высоким CTR часто награждаются более высоким размещением в результатах поиска, поэтому метаописания в конечном итоге могут повлиять на ход работы.
Однако избегайте рассылки спама, забивая все вышеперечисленное слишком большим количеством ключевых слов, потому что это может:
снизить ваши шансы появиться в результатах поиска (алгоритмы Google очень хорошо обнаруживают спам)
заставит ваш сайт казаться отталкивающим или «дешевым» для пользователей, которые сталкиваются с ним во время поиска.
Когда дело доходит до URL-адресов, Google поощряет использование «чистых» URL-адресов с простой структурой.
Чистые URL-адреса короткие, простые и понятные — например, если вы продаете синие автомобили, было бы целесообразно использовать URL-адрес
www.yourdomain.com/blue-cars
, а не
www.yourdomain.com/prd/p223/ref1456_zblue_cr
Здесь вы найдете дополнительную информацию от Google по созданию простых URL-адресов, но следует помнить следующие ключевые моменты:
Используйте короткие, понятные URL-адреса , которые содержат ваши ключевые слова.
Разбивайте свои URL-адреса с пунктуацией, когда это необходимо, чтобы сделать ключевые слова более очевидными как для Google, так и для пользователей (например, www.yoursite.com/green-shoes лучше, чем www.yoursite.com/greenshoes ).
Используйте дефисов вместо подчеркивания для обозначения пробелов (т. Е. Www.yoursite.com/green-shoes предпочтительнее www.yoursite.com/green_shoes).
Чистые URL-адреса помогают пользователям находить релевантные страницы в результатах поиска, но полезны и в другом смысле: если кто-то создает ссылку на ваш сайт со своего сайта, но только копирует URL-адрес, ключевые слова в URL-адресе становятся якорный текст (интерактивный текст).
И, поскольку Google проверяет, какие слов находятся в тексте привязки при категоризации и индексировании контента, релевантные слова могут помочь вам лучше ранжироваться.
5. Создавайте обратные ссылки на свой сайт
Даже если у вас есть фантастически хорошо продуманные заголовки страниц, метаописания и URL-адреса, они обычно бесполезны, если у вас нет « обратных ссылок », указывающих на ваш веб-сайт. слишком.
Обратные ссылки — это ссылки с других сайтов на ваш сайт, и в очень простом смысле Google считает их «голосами» за ваш контент.
Есть два основных способа создания обратных ссылок:
через outreach , попросив других владельцев сайтов / блогов размещать ссылки на ваш контент на своих сайтах
на , создавая высококачественные сообщения блога с большим количеством ключевых слов которые чрезвычайно актуальны для вашей бизнес-ниши — если они ДЕЙСТВИТЕЛЬНО полезные или интересные статьи, они с большей вероятностью привлекут релевантную аудиторию, часть которой создаст на них обратные ссылки.
Однако избегайте использования компаний, которые обещают создать для вас тысячи некачественных обратных ссылок — Google может наказать и наказать ваш сайт, если сочтет, что в этом отношении идет рассылка спама.
И помните, что ссылки с более качественных веб-сайтов имеют больший счет, чем ссылки с более низкокачественных — то есть, если вы получите ссылку из The New York Times на свой веб-сайт, она окажет большее влияние на рейтинг вашего сайта, чем одна из неизвестного блога.
6. Следуйте советам Google
Google действительно очень полезен, когда дело доходит до советов, как повысить эффективность вашего сайта в результатах поиска — фактически, компания предоставляет бесплатное руководство по оптимизации вашего сайта для поиска Google.
Руководство Google для начинающих по поисковой оптимизации
Прочтите его внимательно и убедитесь, что вы следуете всем их советам. Это руководство можно найти здесь, и в нем рассматриваются основные моменты SEO — как правильно использовать заголовки, метаданные и контент, богатый ключевыми словами.
Канал Youtube Центра поиска Google также содержит полезный видеоконтент для всех, кто надеется улучшить свое присутствие в результатах поиска; и, чтобы не пропустить последние советы Google по поисковой оптимизации, рекомендуется подписаться на канал Twitter Search Liaison.
Дополнительные способы повысить свою позицию в результатах поиска
Я надеюсь, что приведенные выше советы помогли вам понять, как сделать ваш сайт более заметным в результатах поиска Google!
Однако есть ОЧЕНЬ больше шагов, которые вы можете предпринять, чтобы улучшить свой поисковый рейтинг — если вы хотите узнать больше об этом и хотите более существенно улучшить производительность своего сайта в Google, то зарегистрируйтесь ниже. чтобы получить доступ к нашему бесплатному набору инструментов SEO.
Загрузите наш бесплатный набор инструментов SEO
В течение ограниченного времени мы предлагаем нашим читателям около отличных бесплатных инструментов SEO и ресурсов .Зарегистрируйтесь сейчас, чтобы получить:
нашу загружаемую шпаргалку, содержащую 20 ключевых шагов к высокому ранжированию в результатах поиска
расширенные бесплатные пробные версии и скидки на ведущие инструменты SEO
нашу загружаемую шпаргалку о том, как увеличить органический трафик в блог
2 подробных руководства по SEO
постоянных бесплатных советов по SEO и развитию вашего бизнеса
См. Уведомление о конфиденциальности.
Сделайте ваш сайт видимым в Google: контрольный список
Зарегистрируйте свой сайт в Google Search Console.
Зарегистрируйте свой сайт в Google Business.
Сделайте так, чтобы ваш сайт загружался как можно быстрее, особенно на мобильных устройствах.
Проведите исследование ключевых слов и добавьте правильные ключевые слова в нужные части вашего сайта.
Создавайте качественный контент.
Исходные обратные ссылки для вашего сайта.
Воспользуйтесь бесплатными инструментами и ресурсами Google.
Часто задаваемые вопросы о видимости сайта
Как заставить Google индексировать мой сайт?
Самый простой (и самый быстрый) способ заставить Google проиндексировать ваш веб-сайт — отправить его в Google Search Console.Вы также можете попросить других владельцев веб-сайтов дать ссылку на ваш веб-сайт; когда Google встречает эти ссылки, он может добавить их в свой индекс.
Как мне разместить свой сайт на Google Maps?
Чтобы разместить свой веб-сайт на Google Maps, зарегистрируйте его местоположение в Google My Business. Однако обратите внимание, что для того, чтобы появиться на Картах Google, ваша компания должна предлагать услуги клиентам в том месте, где вы регистрируетесь (адреса виртуальных офисов или помещения, которые клиенты не могут посетить, не могут быть зарегистрированы).
Плата за размещение моего сайта в Google?
Попасть в обычные результаты поиска Google можно бесплатно (хотя попасть на первую страницу результатов бывает сложно). Если вы хотите, чтобы ваш сайт отображался выше обычных результатов поиска, вы можете заплатить Google за отображение для него рекламы с помощью службы Google Рекламы с оплатой за клик (PPC).
Как мне вывести мой сайт на первую страницу результатов поиска Google?
Ранжирование на первой странице Google по определенной фразе обычно включает трехэтапный процесс: во-первых, исследование ключевых слов, чтобы убедиться, что у вас есть реальные шансы сделать это; во-вторых, написание качественного контента на тему или фразу, по которой вы пытаетесь получить рейтинг; и, наконец, создание ссылок с других сайтов на этот фрагмент контента.
Есть вопросы по улучшению видимости вашего сайта? Оставьте комментарий ниже!
А теперь за вас. Есть вопросы о том, как сделать ваш сайт более заметным для поисковых систем? Просто поделитесь ими в разделе комментариев ниже.

7 идей, как сделать сайт лучше, чем у конкурентов

3 этапа улучшения сайта

1. Определить своих конкурентов

2. Провести аудит своего сайта и конкурентов с акцентом на юзабилити и контент

3. Внедрение новых фишек

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

Выводы

Как заказать сайт для бизнеса: пошаговое руководство

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

Особенности онлайн-сервисов

Виды: на каких платформах делают сайты

Готовые решения для всех направлений

Преимущества онлайн-конструкторов

Какие бывают преимущества офлайн-платформ для сайтов

На какой платформе лучше создать сайт для малого бизнеса и сделать интернет-магазин

Польза конструкторов для малого бизнеса

Обзор платформ для блогов

Что часто спрашивают

Что такое конструкторы веб-ресурсов

Зачем они нужны и какие есть платформы для сайтов

Какие из них лучше

Список конструкторов сайтов: какую платформу лучше выбрать для создания ресурса

WIX

Платформа для разработки сайта Tilda Publishing

LPgenerator

Популярная платформа для создания сайтов uKit

uCoz

Лучшая площадка для создания сайта – Nethouse

Setup

Самый популярный конструктор сайтов 1С-UMI

Weebly

Google Sites

Webnode

Jimdo

uCraft

Webstarts

IM Creator (XPRS)

Bookmark

Webflow

xWeb

Simbla

Shopify

SiteBuilder

Weblium

WordPress.com

Готовые решения для всех направлений

Заключение

Как создать сайт? Структура и контент / Хабр

Начало

Основной совет

Структура

Главная страница

О нас

Продукты / услуги

FAQ

Вакансии

Блог

Контактная информация / связаться с нами

Ошибка 404

Правовая информация

Заключение

Создание информационного сайта в SharePoint

Следует ли создавать коммуникационный сайт или сайт группы?

Действия по созданию информационного сайта

Дальнейшие действия

Хостинг или конструктор: что лучше для создания сайта

Конструкторы сайтов

Преимущества конструкторов

Недостатки конструкторов

Кому подходят конструкторы сайтов

Хостинг для сайта

Преимущества хостинга

Недостатки хостинга

Кому подходит хостинг

Сравнение хостинга и конструктора

Что лучше выбрать

15 советов по созданию убийственного контента веб-сайта, четкое копирование и интуитивно понятный дизайн — лучшее

Напишите копию, помня о своем покупателе

Посетитель должен прийти первым

Доставьте истинную ценность