Содержание
Как сделать сайт правильно: структура сайта
Заходя на какой-нибудь сайт, мы видим не только картинки и текст. Обычно с первого взгляда можно определить, где расположено меню с основными разделами и описательная часть страницы. На сайте интернет-магазина можно понять, как найти нужный товар и перейти в корзину. На странице блога нетрудно определить автора и тематику статьи, не читая весь текст. Мы не испытываем трудностей с получением нужной информации на незнакомом сайте из-за того, что сайты, даже с абсолютно разным оформлением, создаются согласно общим принципам. И один из важных принципов – правильное формирование структуры сайта.
Структура сайта – это совокупность правил, определяющих связи между страницами и расположение элементов на страницах.Мы редко сознательно обращаем внимание на структуру. Веб-студии, занимающиеся созданием сайтов, стараются делать их понятными и простыми в использовании. Но не всегда им это хорошо удается. Иногда можно сразу понять, что сайт сделан плохо, несмотря на хороший дизайн и полезный и интересный контент.
Когда трудно понять, как попасть на нужную страницу или выполнить какое-то действие на сайте, ошибки в структуре начинают бросаться в глаза.
Структура сайта напрямую влияет на эффективность действий пользователя. Эту эффективность очень просто свести к нулю – достаточно не включить в структуру один из критически важных элементов, и пользователь не достигнет своей цели. Например, если человек заинтересовался предоставляемой услугой, но не может сходу найти способ связаться с владельцем сайта, он с высокой долей вероятности просто уйдет. А требовалось всего-то добавить в нужном месте форму заказа или хотя бы номер телефона. На другом сайте посетитель не может найти товар с интересующими его параметрами в большом каталоге. Едва ли удастся удержать его на сайте, даже если нужный товар предлагается по низкой цене. В этом случае критические элементы – навигация по каталогу и средства поиска по характеристикам товаров.
Расположение элементов на странице прорабатывается дизайнером. Построением структуры связей между страницами на этапе создания сайта обычно никто не занимается – либо она кажется очевидной и для заказчика сайта, и для веб-студии, либо заказчик не хочет заниматься ее проработкой, а веб-студия организует структуру по привычному для себя шаблону. В результате заказчик может получить с виду красивый и удобный сайт, лишенный необходимой навигации, что делает его совершенно неэффективным.
Часто случается так, что изначально сайт был разумно структурирован, но после наполнения и внесения правок в навигацию найти что-то на сайте стало проблематично. И непонятно, где же допущена ошибка: дизайнеры и разработчики выработали структуру сайта, заказчик скорректировал ее, сделав упор на приоритетные разделы, контент-менеджеры добросовестно разместили предоставленную информацию.
Проблема в том, что у всех, кто занимался сайтом, не было четкого представления о структуре – каждый видел ее немного по-своему и вносил в проект свои коррективы. К чему это приводит, думаю, объяснять не нужно.
Часто необходимо прорабатывать структуру даже тогда, когда она кажется очевидной.
Мало проработать структуру один раз – нужно и в дальнейшем ее придерживаться.
Размер статьи не позволяет хоть как-то подробно рассказать обо всех важных нюансах, и в этой статье будут описаны только четыре базовых принципа. Следует помнить, что не бывает утверждений, которые являлись бы абсолютными истинами. На каждое правило найдется множество исключений, если пытаться применять его в любой ситуации. Поэтому не стоит воспринимать следующие принципы как догмы, правильнее будет относиться к ним как к рекомендациям и всегда делать поправки на личный опыт и специфику конкретной задачи.
- Следует разделять и группировать страницы по смыслу.
Плохо, когда описание услуг находится в разделе «О нас», или в новостях компании. Гораздо лучше сделать для услуг отдельный раздел – посетителю сайта будет проще их найти и получить более полное представление о деятельности компании. - Раздел с большим числом страниц нужно дробить на подразделы.
Длинный список тяжело воспринимать целиком и находить в нем нужное. Если есть такая возможность, лучше разделить его на разделы по 5-9 элементов – тогда пользователь сможет за два шага найти то, что он хочет, не тратя время на утомительное чтение всех вариантов. Если по каким-то причинам делить раздел нельзя, нужно упростить навигацию (вывод элементов в порядке важности или в алфавитном порядке, сортировка, фильтрация, поиск по тексту и т.д.) - Мелкие разделы нужно объединять, не нарушая разделение по смыслу.
Этот правило следует использовать в двух случаях: когда при начальной группировке страниц несколько разделов оказались почти пустыми, и когда структура разделов стала слишком тяжела для восприятия. Например, если разделы новостей и полезной информации содержат по 2-3 статьи, и редко будут дополняться, их можно объединить в общий раздел статей (сохранив инструменты поиска исходных разделов – сортировку по дате и поиск по тексту). Пример для второго случая – часто встречающаяся в интернет-магазинах категория «Аксессуары», в которой представлены совершенно разнотипные товары, объединенные сферой применения (для ноутбуков, для телефонов и т.п.) - Группируя элементы, в первую очередь следует учитывать их тип.
Основная навигация по элементам сайта должна основываться, прежде всего, на том, чем эти элементы являются. Разделение по вариантам их использования и другим характеристикам должно быть представлено на сайте дополнительными элементами навигации. Это критически важный принцип при создании интернет-магазина и будет подробно описан в одной из следующих статей.
Например, если разделы новостей и полезной информации содержат по 2-3 статьи, и редко будут дополняться, их можно объединить в общий раздел статей (сохранив инструменты поиска исходных разделов – сортировку по дате и поиск по тексту). Пример для второго случая – часто встречающаяся в интернет-магазинах категория «Аксессуары», в которой представлены совершенно разнотипные товары, объединенные сферой применения (для ноутбуков, для телефонов и т.п.)Как правильно сделать редизайн сайта – База знаний Timeweb Community
Вступление
Рано или поздно наступает момент, когда вы понимаете, что внешний вид сайта безнадежно устарел и необходимо сделать редизайн сайта.
Это объемная и ответственная задача, и перед ее выполнением нужно выполнять ряд важных действий, о которых будет рассказано ниже.
1. Анализ существующего сайта
Для того, чтобы определить, что стоит оставить, а от чего точно надо отказаться, следует провести анализ существующего проекта. В этом поможет статистика.
Нужно не только посмотреть и проанализировать каждую страницу сайта — что на ней делают пользователи, какие элементы наиболее эффективны — но и посмотреть весь путь пользователей от начала и до конца. Какие страницы чаще всего посещают, какие показывают хорошую конверсию? Какие элементы не вызывают интереса у пользователей? Внимательно посмотрите на навигацию: если она понятная и удобная, стоит ли ее менять? А может, наоборот, навигация на сайте страдает — и стоит изменить меню на какое-то другое? В любом случае не надо отталкиваться от идеи «сделать все по-другому» — пользователям и так поначалу будет непросто разобраться в новом дизайне, так что пусть что-то останется прежним — то, что хорошо себя зарекомендовало.
Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Подписаться
2. Анализ конкурентов
Вряд ли ваш сайт единственный в своей сфере — а значит, и сейчас, и в новом дизайне он будет конкурировать с другими сайтами.
Поэтому сделать анализ сайтов конкурентов — хороший ход, который поможет сделать наиболее эффективный редизайн.
Зайдите на сайты конкурентов и оцените их сильные и слабые стороны. Какие-то уникальные идеи можно адаптировать для своего проекта. Проанализируйте, насколько сайты соответствуют общим трендам современного веб-дизайна.
Обратите внимание не только на общий внешний вид, но и на отдельные элементы — какие фотографии сделали конкуренты для своих сайтов? Выкладывают ли они видео? Если да, то какое, как оно интегрировано в сайт?
Посмотрите расположение элементов и информации — что выносится на первую страницу? Что скрывается в конце страницы? Используются ли всплывающие окна, баннеры? Есть ли ссылки на социальные сети? И если есть, то где?
3.
Мнение пользователей
Помните о том, что редизайн вы делаете, по сути, для пользователей. Поэтому их мнение обязательно нужно учитывать. Не стоит писать «в лоб», что вы собираетесь менять дизайн сайта — лучше просто уточнить, какие изменения на сайте пользователи хотели бы видеть.
Если у вас интернет-магазин — может, надо добавить новые фильтры или изменить порядок показа товаров?
Если блог — не хватает тегов или отображения количества просмотров у статьи?
Если вы занимаетесь продажей услуг — может, тяжело найти контакты? Или не хватает отзывов клиентов и фотографий с результатами работы?
Обратную связь можно получить либо напрямую (сделав рассылку с вопросами), либо через социальные сети — выложив опрос в группе с разными вариантами ответа.
4. Проработка фирменного стиля
Редизайн — хороший повод вместе с дизайном сайта поменять и стиль вашей компании: логотип, палитру, фирменный шрифт и так далее. Сейчас существуют специальные брендинговые агентства, которые занимаются разработкой фирменного стиля компаний — обратитесь к ним, если у вас нет штатного дизайнера.
Фирменный стиль — важная вещь, так как она имеет три основных функции:
- идентифицирующая: элементы фирменного стиля компании (в том числе сочетание цветов) ассоциируются с ней на рынке;
- дифференцирующая: стиль компании выделяет ее на фоне конкурентов;
- имиджевая: фирменный стиль вид компании влияет на ее репутацию.
5. Подготовка контента
Редизайн сайта — это не только расположение элементов и изменение цветов. Вполне возможно, что вам понадобятся новые материалы: тексты, фотографии, видео, отзывы людей и что-нибудь еще. Все это нужно внедрять уже во время редизайна, а не на последней его стадии, когда сайт полностью сверстан, только вместо текстов стоит Lorem Ipsum, а вместо фотографий — одно и то же изображение. Во время редизайна может оказаться, что вам нужно переписать тексты, сделать фотографии в более хорошем качестве или добавить несколько свойств всем имеющимся товарам. И все это надо делать до того, как вы получили готовый редизайн на руки.
Поэтому важно начать подготавливать контент сразу же, как только вы приступили к редизайну сайта. Зачастую именно от этого будет зависеть эффективность новой версии сайта.
6. Тестирование
Тестирование — обязательный шаг перед запуском обновленного сайта. Даже если вы тестировали все во время разработки, будет нелишним еще раз проверить, правильно ли сайт отображается во всех браузерах, работают ли кнопки и формы заказа, нет ли нерабочих ссылок.
Если сомневаетесь все ли проверили, сверьтесь с этой статьей «Чек-лист для запуска сайта».
В заключение
Работа над сайтом не заканчивается никогда. После редизайна стоит узнать мнение своих пользователей. Можно сделать рассылку с общими вопросами (заодно рассказав о том, что у вас новый сайт). Практически всегда выявляются какие-нибудь недочеты, но главное — не бояться их и оперативно исправлять.
как сделать это правильно [инструкция]
Переезд на новый домен связан с рядом трудностей. Во-первых, нужно перенести файлы и базу данных так, чтобы сайт работал без перебоев.
Во-вторых, необходимо провести ряд действий, направленных на сохранение органического трафика и позиций в поиске. Опытные специалисты провернут эту операцию с закрытыми глазами. А вот начинающие вебмастера могут задаваться множеством вопросов — именно им адресована наша статья.
Сразу определимся, что под переездом на новый домен мы не подразумеваем переезд с протокола http на https. Механизмы переезда схожи, но все-таки есть отличия. Если вам нужно переехать на https, подробное описание процедуры вы найдете в этой статье. Это руководство подойдет для тех, кто полностью меняет домен (например, oldsite.ru на newsite.ru).
3 причины для переезда сайта
В каких ситуациях вообще может потребоваться менять домен?
Санкции поисковых систем. За манипуляцию результатами выдачи (накрутку поведенческих факторов, массовую закупку ссылок со спамными анкорами, клоакинг и др.) страницы сайта целиком или частично выпадают из индекса поисковиков. Трафик и позиции падают, бизнес терпит убытки.
Один из способов помочь в этой ситуации — перенести сайт на новый домен. Переезд может помочь даже в случае «скрытых фильтров», информация о которых не отображается в кабинетах панелей вебмастеров, но, тем не менее, сайт целиком или частично выпадает из выдачи.Смена названия компании, бренда, претензии владельцев прав на бренд. Например, shellac — это не только популярное покрытие для ногтей, но и бренд. Если вы попытаетесь использовать это слово в URL вашего сайта, ждите письма от компании CND.
Иные причины, в том числе, технического характера. Например, сайт с поддомена переезжает на отдельный домен.
Один из способов помочь в этой ситуации — перенести сайт на новый домен. Переезд может помочь даже в случае «скрытых фильтров», информация о которых не отображается в кабинетах панелей вебмастеров, но, тем не менее, сайт целиком или частично выпадает из выдачи.Мифы, связанные с переездом на новый домен
Менять домен нужно только в крайнем случае, это трудоемкая процедура, которая может вызвать значительное падение трафика. Может вызвать, но не обязательно вызовет! Давайте разберем самые распространенные мифы, связанные со сменой домена сайта:
Миф №1. Возраст сайта обнулится, а с ним позиции в выдаче и трафик.
Это не так. При помощи 301 редиректа новому домену перейдут возраст и траст старого. Кроме того, значение возраста как фактора ранжирования в Яндексе и Google преувеличены. Представители поисковиков неоднократно опровергали сложившееся среди вебмастеров мнение о том, что молодые сайты обязательно попадают в некую «песочницу», откуда нет дороги в топ. Алгоритм Яндекса Многорукий бандит как раз создан для того, чтобы подмешивать в выдачу разные результаты для оценки их релевантности запросу.
Миф №2. Трафик обязательно просядет. Если все сделать правильно, трафик из поиска просядет лишь немного, катастрофического падения не произойдет.
Миф №3. Санкции будут сняты после смены домена. Это работает не для всех фильтров. Если при переезде настроить 301-й редирект, в некоторых случаях он «потянет» за собой санкции, которые были наложены на старый домен.
Переезд на новый домен: пошаговая инструкция
Расскажем пошагово, как правильно перенести сайт на новый домен, чтобы не потерять посетителей из поиска.
1. Изучаем мануалы поисковиков
В первую очередь советуем ознакомиться с актуальными инструкциями поисковых систем, которые регламентируют порядок действий при смене домена:
Ссылка на Справку Яндекса
Ссылка на Справку Google
Почему это важно? Поисковики постоянно улучшают алгоритмы, модернизируют механизмы ранжирования и в соответствии с ними меняют рекомендации для вебмастеров. Будете следовать актуальным инструкциям — максимально сохраните органический трафик и позиции в поиске.
2. Добавляем оба домена в панели вебмастеров
О том, как добавить домен в Яндекс.Вебмастер, читайте в этом гайде, в Google Search Console — в этом. Если вы занимаетесь поисковой оптимизацией, старый домен уже должен быть добавлен в панели вебмастеров.
По информации в Вебмастере и Search Console вы будете отслеживать изменения, которые происходят со страницами в индексе. Если переезд подготовлен и осуществлен правильно, количество проиндексированных страниц у нового домена должно расти, у старого — падать.
Любая другая ситуация говорит об ошибках, допущенных при переезде.
Далее нужно создать копию (зеркало) сайта, на которую и будем настраивать переадресацию со старого домена.
Важный момент! Смена домена сайта — само по себе серьезное изменение, которое может не лучшим образом сказаться на органическом трафике. Ограничьтесь переездом на новый адрес, не меняйте сразу дизайн, контактную информацию, структуру сайта и URL-адресов.
3. Переносим файлы сайта
Для этого удобно использовать бесплатный FTP-клиент FileZilla или любой другой. Соединяемся по FTP с хостингом и загружаем файлы на компьютер, которые находятся в папке httpdocs (также может встречаться public_html)
Можно пойти и другим путем. Если ваш хостинг-провайдер предоставляет доступ к резервным копиям сайта, скачайте копию файлов прямо из интерфейса хостинга. Например, у провайдера reg.ru достаточно зайти в Систему резервного копирования и скачать последние сохраненные файлы сайта.
После загрузки файлов необходимо скопировать их на новый хостинг. Процедура, по сути, обратная предыдущей. Соединяемся по FTP с новым хостингом и загружаем файлы.
Если новый домен зарегистрирован на том же хостинге, что и старый, действуйте по инструкции, которая есть на сайте вашего хостера.
4. Переносим базу данных
Для работы сайта одних файлов недостаточно. Необходима еще база данных. Универсальный способ получить ее — через phpMyAdmin. Доступ к этому веб-приложению осуществляется через панель управления хостингом, на котором лежит ваш сайт. Как правило, инструкция для входа в phpMyAdmin и экспорта базы данных есть у каждого хостинг-провайдера.
Вот ссылки на мануалы популярных в России хостингов:
Reg.ru;
Спринтхост;
Джино;
Beget.
4.1. Экспорт базы данных
После перехода на главную страницу phpMyAdmin вы увидите подобную картину:
Несмотря на обилие информации, вас интересует всего одна кнопка — «Экспорт».
Нажимаете на нее, и на следующем шаге жмете «Вперед» (ничего менять здесь не нужно):
После этого файл с базой данных сохранится на вашем компьютере.
Опять же, как и в случае с файлами сайта, можно пойти альтернативным путем и загрузить базу данных из резервных копий, которые создает хостинг-провайдер. Только учтите периодичность создания копий. Обычно она составляет один раз в сутки. Если же вы вносили изменения на сайт до создания новой копии, то они не сохранятся при переезде. Поэтому в таком случае лучше загружать базу данных и файлы сайта соответственно с помощью phpMyAdmin и FTP-клиента.
4.2. Внесение изменений в БД
Теперь необходимо внести изменения в эту базу данных. Открываем файл в текстовом редакторе. Для примера возьмем NotePad++. В нем в меню «Поиск» выбираем раздел «Замена…». Вводим в поле «Найти» текущий домен в формате oldsite.ru (без https или www), а в поле «Заменить на» — новый домен в аналогичном формате. Затем нажимаем «Заменить все».
В примере произведено 2993 замены. В вашем случае цифра будет отличаться в зависимости от количества страниц, учетных записей, плагинов и наличия других данных.
4.3. Создание новой базы данных
Следующий этап — создание базы данных для нового домена. Для этого зайдите в панель управления хостингом и создайте новую базу.
Сразу запишите для себя имя базы данных, имя пользователя и пароль — эти данные пригодятся на последующих этапах.
Теперь перейдите в phpMyAdmin нового домена и импортируйте старую базу данных, в которую вносили изменения. Для этого достаточно нажать на кнопку «Импорт», загрузить файл с компьютера и нажать «Вперед».
Готово! Файлы сайта и база данных перенесены на новый домен.
Но сайт еще работать не будет, поскольку в настройках сайта указаны параметры старой базы данных. Для того чтобы изменить эти параметры, найдите в корневой папке сайта файл конфигурации и пропишите в нем параметры новой базы, которые вы записали при ее создании.
Например, если у вас сайт на WordPress, то вам понадобится файл wp-config.php, который находится в корневой папке сайта.
Здесь вас интересуют строки:
DB_NAME — имя базы данных;
DB_USER — имя пользователя;
DB_PASSWORD — пароль;
DB_HOST — имя сервера (обычно это localhost, но лучше уточнить у хостинг-провайдера).
Значения вводятся между символами «значение» без пробелов.
Еще один момент — необходимо ввести уникальные ключи для аутентификации. Можно просто набрать абракадабру на клавиатуре в каждой строке или сгенерировать их с помощью специального сервиса.
Сохраните изменения в файле. Если все сделано правильно, то сайт заработает на новом домене.
5. Настраиваем переадресацию
Чтобы не потерять трафик, необходимо настроить 301 редирект со старой версии сайта на новую (очень подробно о процедуре написано в этой статье). Пользователи, которые перейдут по старому адресу, автоматически попадут на страницу с тем же содержимым, но на новом домене.
oldsite.ru
RewriteRule (.*) https://newsite.ru/$1 [R=301,L]
после строки RewriteEngine On и перед
О других возможностях файла .htaccess читайте здесь.
Теперь пользователи, которые будут заходить на любую страницу домена oldsite.ru, будут автоматически попадать на аналогичную страницу на домене newsite.ru.
Важно! После переноса сайта ни в коем случае не прекращайте оплачивать хостинг для старого домена. В противном случае файл .htaccess будет удален, и 301 редирект работать не будет.
6. Настраиваем индексацию
Для начала внесите изменения в файл robots.txt, который находится в корневой папке сайта на новом домене. В нем нужно изменить путь к карте сайта (sitemap.xml):
было:
Sitemap: https://oldsite.ru/sitemap.xml
стало:
Sitemap: https://newsite.ru/sitemap.xml
Далее обновляем XML-карту сайта, добавляем ее в корневую папку нового сайта и панели вебмастеров.
После этого необходимо завершить переезд в панелях для вебмастеров Яндекса и Google (куда мы уже добавили старый и новый домены).
Действия в Яндекс.Вебмастере
1. Зайдите в раздел «Переезд сайта» для старого домена:
2. Введите в поле или выберите из выпадающего списка новый адрес и нажмите на кнопку «Сохранить»:
В течение нескольких недель робот Яндекса обойдет страницы нового сайта и сменит главное зеркало, которое будет участвовать в поиске.
Действия в Google Search Console
1. Зайдите в панель Search Console старого домена.
2. Воспользуйтесь инструментом «Изменение адреса», он находится в разделе «Настройки»:
3. Выберите новый домен и нажмите «Проверить и обновить данные»:
После прохождения всех необходимых проверок в Search Console появится уведомление о переносе сайта.
На этом все. Остается проверить корректность работы вашего ресурса. Учтите, что некоторые настройки сайта могут сбиться (например, оформление, расположение элементов и т. п.). В этом случае необходимо их откорректировать вручную средствами CMS и плагинов.
Как ускорить индексирование нового сайта
В Яндекс.Вебмастере это можно сделать в разделе Индексирование / Переобход страниц:
В Google Search Console можно запросить индексирование страницы после проверки ее наличия в индексе, строка проверки находится в шапке консоли:
Не забудьте сменить адрес сайта в геосервисах поисковиков (Яндекс.Картах и Google maps), справочниках, агрегаторах и каталогах, где вы размещались ранее.
По возможности обновите внешние ссылки, которые ведут на ваш сайт — попросите вебмастеров заменить домен в адресах. Ссылочная масса усилит траст нового домена.
На время переиндексации запустите контекстную или таргетированную рекламу на новый домен. Так вы компенсируете просадку трафика из поиска и наработаете поведенческие метрики на страницах нового сайта.
Подробно о том, как ускорить индексацию сайта в Яндексе и Google — в этой статье.
Переезд требует внимательности
Переезд сайта — настоящий стресс для его владельца.
Это неразрывно связано с некоторым падением трафика и выпадением части страниц из индекса. Но это временное явление, и если все сделано верно, то страницы на старом домене постепенно выпадут из индекса, а страницы на новом домене будут индексироваться. Через 1,5-2 месяца показатели сайта должны полностью восстановиться. Если этого не произошло, необходимо искать причины.
Если вы не уверены, все ли правильно сделали при переносе сайта, можете обратиться за аудитом и проверкой к техническим специалистам PromoPult. Они помогут выявить возможные ошибки и дадут список рекомендаций по их исправлению.
Как спланировать структуру сайта? 9 шагов, чтобы сделать это правильно!
Руководство по планированию структуры веб-сайта покажет вам, почему и как планировать ваш веб-сайт.
Так что вы улучшаете SEO и пользовательский опыт.
Дело в том, что SEO и пользовательский опыт работают вместе. Так что лучше планировать заранее, а потом переходить к дизайну.
Да, я знаю, что заманчиво сразу перейти к визуальному дизайну. Но этот процесс упрощается, если вы знаете, что вы получаете для своего бизнеса.
Какова структура сайта?
По сути, это то, как ваши сайты связаны между собой. Как ваши главные страницы ведут к более глубоким страницам вашего сайта. Вы можете увидеть, как построены ваша навигация и карта сайта.
Зачем планировать структуру сайта?
Ну, вы не построите дом без плана, так зачем вам создавать свой бизнес-сайт без него.
Это может помочь улучшить ваш пользовательский опыт, SEO, ваши внутренние ссылки и простоту использования.
Вы должны понимать, что планирование структуры касается не только основного сайта, но и блога и внутренних ссылок.
Давайте углубимся в детали.
Улучшает взаимодействие с пользователем вашего веб-сайта
Если мы разберем сайт до его голых костей.
То есть мы убираем цвета, шрифты и другие элементы дизайна, остается только структура.
Видите ли, если посетитель все еще может легко найти всю информацию, это улучшает его пользовательский опыт.
И самое главное посетитель дольше остается на вашем сайте.
Это напрямую повлияет на вашу поисковую оптимизацию. Поскольку поисковые системы анализируют данные, такие как показатель отказов и время, проведенное на вашем веб-сайте, то чем дольше посетитель находится на вашем веб-сайте, тем лучше он будет выглядеть в поисковых системах.
Поэтому убедитесь, что ваша навигация имеет смысл и ваши посетители могут быстро и легко находить важные страницы.
Если мы спланируем структуру, это также может помочь вам создать группы страниц (также называемые хранилищем контента).
Но об этом позже.
Хорошая структура облегчает сканирование вашего веб-сайта
Чтобы ваш веб-сайт отображался в поисковой системе, он должен быть доступен для поисковых роботов.
Кроме того, чтобы поисковые роботы могли обнаружить ваши страницы, ваш веб-сайт должен иметь хорошую структуру.
Даже больше, потому что может случиться (даже с Google), что они не смогут найти каждую страницу на вашем сайте. Поэтому наличие карты сайта имеет решающее значение.
Хорошая структура сайта улучшает SEO
Во многом это связано с тем, что если вы планируете свою структуру, вы также будете планировать группы контента,
. рассказать поисковой системе о том, как ваш контент связан.
Вы помните, что я говорил о бункерах, верно? Ну вот и пригодится.
При создании групп контента вы создаете внутренние ссылки между этими страницами.
Еще важнее знать, какой сайт получает больше всего обратных ссылок, поэтому вы передаете полномочия с этого сайта другим.
Видите ли, обычно большинство обратных ссылок ведут на вашу домашнюю страницу. Поэтому хорошей идеей будет иметь ссылку оттуда на ваши услуги и блог.
Хорошо структурировать свою домашнюю страницу как страницу предварительного просмотра того, что вы делаете и предлагаете.
Планирование структуры веб-сайта поможет вам установить цели и ожидаемые результаты
О чем я говорю?
Что ж, если вы планируете структуру своего веб-сайта, вы также изучаете своих конкурентов и ключевые слова.
Таким образом, вы получите хорошую основу для планирования навигации, плана и структуры контента.
Имея все это, вы получаете оценку того, сколько трафика вы можете получить.
Если вы делаете план для нового веб-сайта или веб-сайта, который только что лежал в сети, то вы ориентируетесь и на самые простые ключевые слова с наибольшим поисковым трафиком, который они могут предложить.
Это также зависит от вашего языка и региона. Если вы ищете ключевое слово на более крупных рынках, таких как Великобритания, Германия или США, то вы, вероятно, хотите, чтобы ваши ключевые слова имели около 1000 ежемесячных объемов поиска.
Но вы можете пойти на меньшую цену, если хотите быть более уверенным, что получите трафик.
Когда у вас есть оценка трафика, вы также можете начать говорить о конверсиях и о том, что вам нужно сделать, чтобы повысить CRO.
Посмотрите, как все взаимосвязано, чтобы вы могли реально спланировать успех своего веб-сайта.
Давайте углубимся в шаги, которые помогут вам создать структуру вашего веб-сайта.
Почему недостаточно просто создать простую структуру и карту сайта?
Создав структуру сайта, вы избавите себя от головной боли. Потому что у вас будет список страниц и заголовков прямо перед вами при создании страниц.
Кроме того, вы будете заранее знать описания своих страниц. Ну, по крайней мере, вы их запланируете.
Это означает, что у вас не будет:
- Отсутствующих описаний страниц
- Повторяющихся заголовков
- Повторяющихся описаний страниц
Дело в том, что, проведя исследование и структуру веб-сайта до разработки веб-сайта, вы знать, где и что ищут ваши потенциальные клиенты и как вы будете сравнивать с вашими конкурентами.
Как видите, простой карты сайта и структуры недостаточно.
Они не показывают вам правильную картину, если нет исследований, подтверждающих это.
Проведя исследование, вы точно знаете, какие страницы создавать, как будет выглядеть структура веб-сайта и какой контент вам понадобится. Заранее планируйте контент-маркетинг.
Основные шаги по созданию структуры веб-сайта
Здесь вы узнаете, как ее спланировать и какие шаги нужно предпринять, чтобы получить от нее максимальную отдачу.
Вы также должны знать, что это будет работать для нового или уже существующего веб-сайта, который нуждается в редизайне.
Вот как я это делаю, если мне нужно создать ваш веб-сайт или интернет-магазин.
1. Начните с получения основных сведений о вашем бизнесе
Что это значит?
Это означает знакомство с собственным бизнесом.
Важно не только то, когда вы разговариваете с дизайнером или кем-то еще, кто будет создавать ваш сайт.
Это важно, когда и для вас тоже.
Вы не поверите, что можете узнать о собственном бизнесе.
Если бы я делал ваш сайт, я бы спросил вас:
- В какой отрасли вы работаете?
- Кто ваши конкуренты?
- Какие товары или услуги вы продаете?
- Каков диапазон цен?
- Какие есть альтернативы вашему деловому предложению?
Это определит отправную точку вашего или моего исследования. Он предоставит основную информацию, которая уверит вас, что вы можете видеть, что они делают, и где вы стоите по сравнению с ними.
Он также покажет, чем вы отличаетесь от них.
Ну по крайней мере в базовой шкале.
И это основы, необходимые для проведения правильного исследования ключевых слов.
2. Начните исследование ключевых слов
Следующим моим шагом будет погружение в исследование ключевых слов.
Все самое интересное начинается здесь.
Вы собираетесь выйти в Интернет и начать поиск ключевых слов и терминов, которые могут привлечь трафик.
Вы знаете трафик, который может увеличить ваш доход.
Вы заметите, что в этой статье я использую бесплатные инструменты, которые, на мой взгляд, действительно могут помочь вам лучше понять работу и процесс, поскольку вы можете попробовать их сами.
Однако я должен сказать, что платные инструменты содержат еще больше данных, чтобы дать большее преимущество при проведении исследований по ключевым словам вашего бизнеса.
Первое, что нужно сделать, это установить надстройку Google Chrome или Mozilla Firefox под названием Keywords Everywhere.
Этот инструмент покажет вам объем поиска и конкуренцию, с которой вы столкнетесь.
Как показано на рисунке ниже.
Предположим, у вас есть физиотерапевтический бизнес, и вы хотите создать новый веб-сайт.
В данном случае я искал основной термин «физиотерапия».
Инструмент «Ключевые слова везде», показывающий объем поиска и конкуренцию
Вы можете увидеть объем поиска, цену за клик и конкуренцию. Но это еще не должно быть тем, что вам нужно.
Вероятно, это будет основное ключевое слово вашего нового веб-сайта, которое будет описывать ваш бизнес.
Далее вы хотите проверить соответствующие термины, которые обычно находятся внизу страницы поиска Google.
Связанные условия поиска Google Search
Сохраните эти условия в свой лист или документ с объемом поиска и конкуренцией.
Затем посмотрите, какие ключевые слова везде нашли по связанным терминам в правой части страницы поиска.
Инструмент «Ключевые слова везде» Связанные ключевые слова Список
Сохраните и это. На изображении видно, что эти условия можно экспортировать в CSV. Затем вы можете легко добавить их в свой лист Google.
В Keywords Everywhere есть одна приятная функция, которая показывает, что еще ищут люди, и обычно это довольно длинный список.
Это не значит, что все эти ключевые слова вам подходят. На данный момент вы просто ищете идеи и ключевые слова, которые могут вам помочь.
Это находится под соответствующим ключевым словом в правой части экрана.
Инструмент «Люди также ищут ключевые слова повсюду»
Но это должно быть только началом вашего исследования.
Сохраните его, чтобы вы могли проверить его в дальнейшем. Я рекомендую Google Docs или другое программное обеспечение, такое как Microsoft Excell (у вас есть бесплатное онлайн-приложение, если вы хотите его проверить).
Прежде чем перейти к следующему инструменту… Вам следует пройтись по всем этим ключевым словам, которые у вас есть сейчас, и посмотреть, сможете ли вы получить еще больше идей из похожих поисков.
Для этого просто загуглите все ключевые слова одно за другим. А затем идите и погуглите те, которые вы найдете снова.
Убедитесь, что вы помещаете их в электронную таблицу и записываете объем поиска и конкуренцию.
Что касается конкурса, я бы сказал, что если ваш сайт не имеет большого авторитета или это новый сайт, не превышайте балл конкурса 0,20.
Как и в случае с этими ключевыми словами, вы хотите сначала получить первоначальный трафик, который повысит производительность вашего сайта.
Конечно, в конце вы должны удалить дубликаты, чтобы не повторять термины, которые вы уже изучили.
Все эти исследования ключевых слов также покажут вам, какие поисковые цели стоят за ними и какие типы постов вы должны планировать.
Важно, чтобы вы не создавали сообщение для поискового запроса, по которому Google ранжирует только продукты, потому что у вас не будет шанса попасть в топ, независимо от того, насколько легкая конкуренция или насколько хорош ваш пост.
3. Исследование конкуренции
На этом этапе мы технически все еще находимся на исследовании ключевых слов, но мы собираемся углубиться в конкуренцию вашего веб-сайта.
Мы посмотрим, какой предполагаемый трафик веб-сайты получают от ранее найденных ключевых слов. Также важно проверить варианты ключевых слов на веб-сайтах ваших основных конкурентов.
Это даст вам представление о том, как вы можете добиться большего успеха.
Итак, следующий шаг — взять одно ключевое слово и проверить, кто ранжируется по нему.
Я взял ключевое слово «что такое физиотерапевтическое лечение» и поискал его в Google. См. изображение ниже.
Поиск Google
Я взял сайт, который стоит первым в списке. Вы должны хотя бы просмотреть результаты на первой странице. Чтобы найти еще лучшие возможности, рекомендуется изучить и вторую страницу.
Теперь, когда вы получили URL-адрес веб-сайта, перейдите на Ubersuggest. Вставьте URL-адрес и посмотрите их лучшие страницы.
Ubersuggest Top SEO Pages
Как вы можете видеть, есть главные страницы выбранного веб-сайта с возможностью просмотра большего.
Вы также можете видеть, что предполагаемые посещения высоки.
Это означает, что они получают много трафика из органического поиска.
Примечание. Поскольку Google показывает результаты локального поиска для физиотерапии, я выбрал термин, что такое физиотерапевтическое лечение. Поэтому я могу показать вам, как вы можете помочь своему бизнесу, найти конкурентов и попытаться превзойти их. На данный момент речь идет о домене и связанных с ним ключевых словах, а не только о теме. Но вы будете просматривать определенные страницы на этих веб-сайтах, чтобы найти возможности по этой теме.
Помимо предполагаемого трафика, вы можете увидеть кнопку «просмотреть все», показанную на изображении ниже. Мы посмотрим, какие ключевые слова связаны с этой конкретной страницей на этом веб-сайте. Это поможет с этой темой.
Ubersuggest Top SEO Pages View all Button
Теперь нажмите ее, и вам будут показаны ключевые слова, по которым ранжируется страница. Как это.
Ключевое слово в предложении ключевого слова для конкретной страницы
Сначала вы увидите первые 10 ключевых слов.
У вас есть возможность увидеть объем поиска, сложность SEO, предполагаемое количество посещений, рейтинг страницы и т. д.
Вы также можете просмотреть следующие 10 ключевых слов или экспортировать ключевые слова в файл CSV, который можно открыть в Excel или Google Таблицы.
Теперь ищите ключевые слова с большим количеством поисковых запросов и низкой конкуренцией.
Я бы посоветовал вам искать ключевые слова с не менее 100 поисковыми запросами в месяц, в идеале не менее 500. ).
Теперь, если мы посмотрим на список, мы сразу же увидим две большие возможности ключевого слова.
Ключевые слова возможностей в Ubersuggest
Эти два ключевых слова имеют хороший объем поиска и довольно низкую конкуренцию. Кроме того, эти двое отлично подходят для поста.
Так вы делаете это для каждого ключевого слова и конкурентов. Даже для конкурентов, которых вы знаете раньше.
Вы проверите их и, возможно, найдете хорошую возможность, которую сможете использовать.
Конечно, мы хотим проверить дальше.
Итак, мы копируем их и открываем новую вкладку с Ubersuggest и вставляем в строку поиска, и мы получаем то, что показано на изображении ниже.
Вы можете увидеть, как Нил Патель говорит вам, что это ключевое слово довольно легко ранжируется, и у вас есть 90% шанс оказаться в топ-20.
С хорошим постом еще выше.
Обзор ключевых слов Ubersuggest
Но это еще не все, что вы можете получить на этой странице.
Под этим экраном вы можете увидеть предлагаемые ключевые слова. Эти ключевые слова могут помочь вам понять, что люди на самом деле вводят в поиск Google.
Предлагаемое ключевое слово – Идеи ключевых слов
Их приятно иметь в теле сообщения. Но не переусердствуйте, так как наполнение ключевыми словами ни к чему вас не приведет.
Не забудьте сохранить ключевые слова и исключить те, которые не подходят. Получите как можно больше вариантов ключевых слов, а затем, проверив их, исключите те, которые не будут работать.
После того, как вы просмотрите весь список своих ключевых слов и у вас есть только те, которые повышают ваши шансы на высокий рейтинг, вы начинаете добавлять заголовки контента.
Кроме того, теперь у вас есть оценка потенциального трафика. Теперь представьте, что вы получаете 10 или 20% этого трафика, что это будет означать для вашего бизнеса?
Это можно сделать для любого ключевого слова и любого веб-сайта, который вы хотите проверить и улучшить в своей SEO-игре.
Убедитесь, что вы ставите себя на место своего клиента. Правильный клиент. Кроме того, проверьте, какие типы сообщений находятся на первой странице, чтобы вы знали, как сформулировать свой пост.
Это список, инфографика или образовательный пост. Кроме того, убедитесь, что вы смотрите, какие результаты находятся на первой странице.
Есть ли страницы, которые являются коммерческими и продают или есть продукты? Это скажет вам, что ключевое слово подходит для ранжирования продукта, а не поста.
Обязательно проверьте эти параметры, так как они определяют цель поиска пользователя. Ну, по крайней мере, Google пытается это угадать (и у него это неплохо получается).
Только не забудьте выбрать страну, в которой вы пытаетесь получить рейтинг, чтобы получить соответствующие данные.
Для этого краткого исследования я выбрал США.
Итак, теперь, когда мы провели исследование, мы можем перейти к нашей основной задаче — планированию структуры веб-сайта.
4. Спланируйте иерархию веб-сайтов
Теперь ваша работа начинается по-настоящему.
На этом этапе вы в основном создадите систему, которая будет упорядочивать ваши данные логичным и удобным для пользователя способом.
Вы создаете диаграмму с основными страницами вверху, а затем переходите сверху вниз, чтобы структурировать свои темы.
Убедитесь, что это просто. Это поможет вам, когда вы начнете создавать свою навигацию и структуру URL.
Примерно так.
Схема иерархической структуры сайта
Я сделал это в бесплатном редакторе Canva. Но вы легко создадите это в программе для работы с электронными таблицами.
Вот несколько вещей, о которых следует помнить:
- Как сказано выше, сделайте это логичным, так как это ваша основа для структуры URL
- Не создавайте слишком много категорий. Убедитесь, что вы находитесь где-то между 2 и 7. Я знаю, что если у вас крупный бизнес, у вас будет больше.
- Если возможно, убедитесь, что вы создаете симметричную структуру или близкую к ней. Мы, люди, любим даже визуальные эффекты. Но, как вы увидите, это возможно не во всех случаях.
Вот как это выглядит в упрощенном виде, но давайте немного конкретнее.
5. Создайте структуру URL-адресов веб-сайтов
Теперь давайте посмотрим, как все это сочетается.
Наиболее распространенная структура URL выглядит следующим образом.
У вас есть домашняя страница, услуги, о нас, отзывы/работа, блог и контакты.
Это будет представлять вашу иерархию, структуру URL и основную навигацию.
Вы получите что-то вроде этого, простую диаграмму веб-сайта.
Базовая схема структуры веб-сайта
Отсюда вы можете легко получить структуру URL-адреса.
It would look something like this:
physiotherapy.com/about
physiotherapy.com/services
physiotherapy.com/services/physiotherapy-for-back-pain
Как видите, я использую слова. Убедитесь, что в вашей структуре URL используются слова вместо идентификаторов, символов или форматов даты.
Это улучшит SEO и сделает сайт более привлекательным для посетителей.
По возможности используйте ключевые слова в URL-адресе, что особенно важно для ваших сообщений в блоге.
Вы также можете увидеть это в структуре примера.
При создании структуры URL убедитесь, что вы используете дефисы (-), как показано в приведенном выше примере, не используйте символы подчеркивания (_).
Это лучше для SEO и удобства пользователей.
Но вы спросите, а как насчет сайта электронной коммерции?
Что ж, ваши шаги должны быть такими же. И структура URL с вашей диаграммой будет выглядеть примерно так, как показано на рисунке ниже.
Диаграмма веб-сайта электронной коммерции
Конечно, у вашего веб-сайта будут свои категории.
Теперь, когда у вас есть структура URL, пришло время создать навигацию.
6. Создайте простую и логичную навигацию
Если вы планируете структуру своего веб-сайта, как показано выше, у вас не должно возникнуть проблем с созданием навигации для вашего веб-сайта.
И это будет выглядеть примерно так.
Структура навигации по веб-сайту
Аналогичный принцип используется для навигации по веб-сайту электронной коммерции.
Итак, вот пример этого, чтобы вы могли лучше понять, как это выглядит.
Навигация по веб-сайту электронной коммерции
Сделайте его компактным, что означает, что ваши самые важные страницы не будут слишком глубоко скрыты в вашей навигации и структуре URL.
Не следуйте слепо правилу 3 кликов, но убедитесь, что ваши главные страницы легко доступны.
Это означает, что вашему пользователю не нужно зарываться на ваши страницы, чтобы найти информацию, которую он ищет.
7. Создайте свою навигацию с помощью HTML и CSS
Самый безопасный способ для поисковых роботов прочитать вашу навигацию — это создать навигацию с помощью HTML и CSS.
Держитесь подальше от JS, flash, AJAX, потому что они могут ограничить доступ к вашей навигации.
И это было бы плохо для SEO.
Я также укажу здесь, что ваш заголовок должен включать название страницы и всю вашу навигацию верхнего уровня, как показано выше.
Не добавляйте слишком много элементов в навигацию верхнего уровня, так как это приведет к путанице, ухудшению UX и кластеризации. Вы этого не хотите.
Сделайте что-то вроде моего, простое и удобное в использовании.
Навигация NWD
Вы, наверное, заметили, что навигация обычно также помещается в нижний колонтитул.
Тем не менее, я бы порекомендовал вам включить в нижний колонтитул и другие ссылки, такие как политика конфиденциальности и условия.
В основном сайты, которых нет в основной навигации. Просто не добавляйте свои отдельные продукты. Это не место там.
8. Создайте стратегию внутренних ссылок
Так что же делает внутренняя симпатия?
Проще говоря, он передает «соки SEO» или авторитетность одной страницы другим страницам, на которые она ссылается.
Это важная часть SEO.
Вы можете посмотреть на это так: если ваш веб-сайт получает большинство обратных ссылок на вашу домашнюю страницу, важно, чтобы авторитет с вашей домашней страницы распространялся на другие страницы.
Некоторые из них проходят через вашу навигацию, но вы хотите, чтобы некоторые из них были в ваших сообщениях в блоге и на страницах категорий, если вы используете структуру бункера (будет показано ниже).
Внутренние ссылки — это то, что заставляет структуру вашего сайта работать на ваш сайт.
Это помогает сделать структуру логичной, помогает пользователям ориентироваться на вашем веб-сайте и устанавливает иерархию вашей общей информации.
Внутренние ссылки также помогают боту Google и другим поисковым системам быстрее находить ваш контент и страницы, когда вы добавляете новые.
В базовой версии каждая страница должна ссылаться по крайней мере на одну и получать обратную ссылку по крайней мере с одной. Это основная структура внутренних ссылок.
Базовая внутренняя структура ссылок
Чтобы действительно улучшить SEO, неплохо создать Силосная структура или тематические кластеры для категорий и сообщений вашего блога.
Помните, что чем больше ссылок между страницами, тем лучше.
Это передаст полномочия с вашей домашней страницы на ваши категории, а оттуда на ваши сообщения.
Важно знать, что вы избегаете, насколько это возможно, ссылок между категориями.
Ваши внутренние ссылки должны передаваться только между сообщениями в одной категории темы.
Структура веб-сайта Silo
Что мне понравилось (я все еще планирую добавить это), так это то, что вы можете использовать страницы категорий в качестве вступления ко всем своим сообщениям по определенной теме.
Получится гигантская книга с главами. Самое приятное то, что это не только будет отлично выглядеть и привлекательно, но и поможет вам с SEO.
9. Создайте карту сайта для вашего веб-сайта
Хорошо, это последний.
Если вы все это сделали, вы также можете спланировать карту сайта. По сути, это все страницы вашего сайта в одном файле, который постоянно обновляется.
Дело в том, что большинство поисковых систем используют карту сайта, чтобы узнать о ваших новых страницах. Это также помогает поисковой системе индексировать ваши страницы быстрее, чем если бы у вас их не было.
Для этого существует множество инструментов (генератор Sitemap), но в большинстве CMS установлено что-то для его создания. Если вы используете WordPress, хорошим плагином для использования является плагин Yoast SEO, который сгенерирует его для вас.
Заключение
Теперь, когда у вас есть структура вашего веб-сайта, у вас есть потенциальный трафик, у вас есть начальная стратегия содержания, и вы знаете, как будет работать ваш сайт.
Имея потенциальный трафик, вы сможете спланировать, что будет означать, если вы получите 10 % от него, а затем вы сможете сосредоточиться на том, что вам нужно для конвертации ваших посетителей.
Вы можете быть уверены, что ваш веб-сайт имеет прочную основу, и вы сможете построить на ней свой рост.
Если вы сделаете это так, вы получите лучшие результаты SEO, что приведет к более высокому рейтингу.
Всегда планируйте заранее, а затем приступайте к созданию дизайна и внешнего вида веб-сайта.
Таким образом, вы убедитесь, что сайт будет расти по мере необходимости.
Понравилось руководство? Закрепите его на Pinterest с изображением ниже.
12 советов по созданию эффективного веб-сайта для бизнеса
- Следуйте рекомендациям по структуре веб-сайта, например, сделайте его адаптивным для мобильных устройств, удобным для навигации и аккуратно организованным с большим количеством пустого пространства.
- Сосредоточьтесь на пользовательском контенте и периодически проверяйте его, чтобы убедиться, что информация является точной и безошибочной.
- Сделайте так, чтобы потенциальные клиенты могли легко найти ваш веб-сайт с помощью пользовательского домена и хорошей поисковой оптимизации (SEO).
- Эта статья предназначена для владельцев бизнеса, которые хотят максимально повысить эффективность своих веб-сайтов, чтобы информировать и продавать потенциальным покупателям в Интернете.
В наши дни присутствие в Интернете жизненно важно для любого бизнеса, даже для обычных магазинов, которые не занимаются электронной торговлей. Создание веб-сайта не особенно сложно благодаря множеству доступных инструментов для создания веб-сайтов. Какое бы программное обеспечение вы ни выбрали, помните об этих принципах проектирования.
1. Сделайте свой сайт адаптивным для мобильных устройств.
Адаптивность к мобильным устройствам имеет решающее значение для эффективности веб-сайта. Взрослые американцы проводят более пяти часов со своими мобильными телефонами каждый день, при этом более трети совершают все покупки в Интернете с помощью мобильных устройств. Излишне говорить, что мобильный веб-сайт вашего бизнеса должен предлагать положительный пользовательский опыт.
Если потенциальные клиенты попадают на ваш сайт, но им трудно читать или перемещаться по нему на мобильном устройстве, они могут просто отказаться от вас в пользу конкурента.
Кроме того, негативный опыт мобильных пользователей влияет на рейтинг вашего веб-сайта в поисковых системах, затрудняя пользователям поиск через поиск Google, что подводит нас к следующему пункту.
2. Сделайте так, чтобы вас было легко найти.
Вам нужно доменное имя, которое либо совпадает с названием вашей компании, либо каким-то образом описывает ваш бизнес. Вы даже можете иметь несколько доменов, которые указывают на веб-сайт. Это означает использование передовых технических методов SEO, исследования ключевых слов, контент-маркетинга и платных рекламных кампаний для привлечения трафика на ваш сайт.
Совет: Подумайте о том, чтобы поручить веб-разработку, брендинг, SEO и контент-маркетинг профессионалам, которые могут дать совет и рекомендации по созданию вашего веб-сайта и целевых страниц.
Если ваш бизнес зависит от того, могут ли люди связаться с вами или позвонить в отдел продаж, разместите эту информацию там, где они смогут ее легко найти.
«Ваша контактная информация должна быть видна, предпочтительно в верхней части главной страницы, чтобы посетителям не приходилось искать номер телефона или адрес, если они хотят связаться с компанией», — сказал Дэвид Браун, генеральный директор Web. ком.
Если вы используете социальные сети для связи с клиентами, поместите ссылки на социальные сети в верхний или нижний колонтитул веб-сайта, где их легко найти.
4. Упростите навигацию.
Дэн Велтри, соучредитель и директор по продуктам Weebly, советует ограничить навигационное меню верхнего уровня пятью четко обозначенными вкладками с упорядоченными под ними соответствующими страницами. Вы также должны предложить четкий способ вернуться на домашнюю страницу независимо от того, где находятся ваши читатели. Очень часто поиск в Google может привести вашего читателя на страницу вашего веб-сайта, отличную от главной страницы.
Знаете ли вы? Люди просматривают веб-страницы сверху вниз и слева направо, поэтому поместите меню навигации там, где его ожидает большинство людей: вверху страницы.
Используйте раскрывающиеся меню под каждой категорией верхнего уровня для четкой и организованной навигации.
5. Держите свои страницы в чистоте.
Пол Боллс, адъюнкт-профессор стратегических коммуникаций Школы журналистики штата Миссури, сказал, что читатели должны иметь возможность помещать информацию в контекст. Если на сайте слишком много информации, это перегружает мозг, лишая его возможности удерживать новую информацию. Обязательно используйте хороший баланс текста и графики, который представляет чистую страницу.
Один из способов сделать это проще — убрать с сайта социальные виджеты, такие как лента Twitter. Спросите себя, добавляете ли вы информацию, которая волнует вашего читателя, советует Майкл ЛаВиста, генеральный директор Caxy Interactive. Если содержимое вашего виджета не соответствует цели страницы, удалите его.
6. Убедитесь, что он точен.
Само собой разумеется, что неточная информация оттолкнет потребителей, будь то неправильный номер, устаревшая информация о продукте или простые грамматические ошибки.
Вы должны не только вычитывать каждую страницу, прежде чем она будет опубликована, но и периодически проверять каждую страницу, особенно после внесения обновлений где-либо еще.
Совет: Всякий раз, когда вы обновляете основную информацию о своем бизнесе на своем веб-сайте, обязательно обновите свои страницы в социальных сетях, Google My Business, Yelp и другие сайты, на которых может появиться информация о вашем бизнесе.
7. Уважайте потребность в скорости.
Исследование, проведенное компанией цифрового маркетинга Akamai, показало, что 88,5% веб-пользователей покинут веб-сайт, если он загружается слишком медленно. Кроме того, время, необходимое для загрузки веб-страницы, влияет на решения о покупке почти 70% онлайн-покупателей.
Обеспечьте бесперебойную работу своего веб-сайта, регулярно обновляя программное обеспечение, оптимизируя видео и изображения для более быстрой загрузки и используя хост веб-сайта, который может справиться с вашими требованиями к пропускной способности.
8. Призыв к действию.
Каждая страница вашего веб-сайта должна побуждать читателя к действию. Другими словами, вам нужно дать им призыв к действию. Эти целевые страницы должны побуждать пользователей совершать определенные действия, например, звонить в вашу компанию, подписываться на услугу, покупать продукт, загружать технический документ или делать что-то еще, что приносит пользу вашим бизнес-целям. Дайте им заметное приглашение к действию: кнопку, ссылку или четкую формулировку. По возможности держите его в верхней части страницы, чтобы читателям не приходилось прокручивать страницу, прежде чем найти призыв к действию.
Ограничьте использование шрифтов, цветов и GIF-файлов, которые могут отвлекать внимание и отвлекать внимание от веб-страницы. Короткие абзацы и маркированные списки также делают информацию более удобной для сканирования и более вероятной для прочтения. Ян Лурье, генеральный директор компании интернет-маркетинга Portent Inc., предлагает сократить абзацы до шести строк.
Это особенно важно, когда речь идет об адаптивности мобильных устройств, которая является основным фактором ранжирования веб-сайтов Google в своем алгоритме. Чем выше рейтинг веб-сайта, тем выше он появляется на странице результатов поисковой системы (SERP). Если конкурент удобен для мобильных устройств, а ваш веб-сайт — нет, вы можете опуститься ниже в результатах поиска ваших клиентов.
10. Будьте индивидуальны.
Точно так же, как обычные предприятия вкладывают значительные средства в свои витрины, чтобы представить имидж своего бренда, розничные продавцы электронной коммерции должны создавать высококачественные онлайн-опыты в соответствии с восприятием бренда, как Том Лунибос, соучредитель SOASTA, рассказал Business News Daily.
С этой целью ваша страница «О нас» не должна быть сухим блоком текста о вашей компании. Эмили Брэкетт, президент компании по дизайну и брендингу Visible Logic, рекомендует добавить хорошее фото себя или своей команды, чтобы персонализировать опыт для ваших клиентов.
11. Убедитесь, что текст вашего веб-сайта ориентирован на клиента.
Потенциальные клиенты приходят на ваш сайт, чтобы получить полезную для них информацию. Иногда они приходят за образовательным контентом в вашем блоге, а иногда они сосредоточены на изучении продуктов и услуг, которые вы продаете. В любом случае вы должны предоставить актуальную информацию, которая заинтересует ваших потенциальных клиентов, даст им что-то ценное и укрепит их доверие к вашему опыту.
Когда вы планируете контент на своем веб-сайте, постарайтесь подумать об этом с точки зрения клиента. Если бы вы были потенциальным клиентом, какая информация была бы вам полезна? Какой уровень знаний или опыта у вас уже есть, и что вам нужно объяснить более подробно? Сосредоточив внимание на своем контенте с точки зрения клиента, вы можете дольше удерживать его на своем сайте и с большей вероятностью установить с ним долгосрочные отношения, которые приведут к продаже.
Не писатель? Без проблем; просто отдайте это на аутсорсинг профессиональному копирайтеру.
12. Внедряйте лучшие практики SEO.
У вас может быть лучший веб-сайт в вашей отрасли, но он не принесет вам никакой пользы, если люди не смогут его найти. Хотя вы можете тратить деньги на рекламу, чтобы привлечь потенциальных клиентов на свой веб-сайт, более рентабельным и эффективным в долгосрочной перспективе будет привлечение бесплатного органического поискового трафика на ваш сайт.
Когда люди ищут информацию в Интернете, они обращаются к поисковым системам, особенно к Google. Обычно они находят то, что ищут, на первой странице результатов поиска, поэтому вы хотите, чтобы ваша компания отображалась именно там. Google и другие поисковые системы имеют свои собственные проприетарные алгоритмы, которые они используют для ранжирования сайтов по поисковым запросам, также называемым ключевыми словами.
Поисковые системы используют три способа определения места размещения вашего объявления: сканирование, индексирование и ранжирование. Сканирование означает, что они находят ваш сайт по ссылкам с других сайтов.
Поэтому убедитесь, что ссылки на ваш сайт появляются на как можно большем количестве внешних веб-сайтов.
После того, как ваш сайт обнаружен сканирующими ботами, он индексируется, что означает, что он анализируется на содержание, включая ключевые слова, свежесть, релевантность, ссылки и мультимедиа. Убедитесь, что на вашем сайте много нового релевантного контента, связанного с ключевыми словами, по которым вы хотите ранжироваться.
Наконец, ранжирование — это то, как поисковые системы определяют лучшие результаты для данного поиска. Рейтинг основан на релевантности и авторитетности. Включите большое количество релевантного контента, например отдельные статьи по различным аспектам определенной темы. Авторитет определяется размером вашего сайта, его трафиком и тем, сколько других уважаемых сайтов ссылаются на ваш. Инструменты SEO для малого бизнеса облегчают оптимизацию вашего сайта.
Редакция Business News Daily внесла свой вклад в написание и освещение этой статьи.
Источник интервью были проведены для предыдущей версии этой статьи.
Что такое веб-дизайн, как правильно им заниматься и лучшие навыки
Задумывались ли вы когда-нибудь в чем смысл веб-дизайна и какие методы используются в этом процессе?
Мы привыкли смотреть на Интернет как на визуальную среду. Веб-сайты, приложения, сервисы, игры и т. д. полагаются на интерфейсы, чтобы обеспечить надлежащий опыт для своей аудитории. Однако все это требует хорошего веб-дизайна.
Желающие укрепить свое цифровое присутствие должен осознавать роль веб-дизайна в любом предприятии. Такие знания помогут правильно расставить приоритеты и нужные шаги при создании любого продукта или решения.
Из этой статьи вы узнаете:
- Что такое веб-дизайн?
- Почему важен веб-дизайн?
- На что обратить внимание при разработке веб-сайта?
- Каковы самые серьезные ошибки веб-дизайна?
- Какие навыки наиболее важны для веб-дизайнера?
Проверьте это!
Загрузите этот пост, введя свой адрес электронной почты ниже
Не волнуйтесь, мы не спамим.
Что такое веб-дизайн?
Веб-дизайн — это область, которая включает в себя цифровые интерфейсы, такие как веб-сайты, приложения и службы.
Используя HTML-код для программирования веб-сайтов и CSS для стандартизации визуального языка, профессионалы в области веб-дизайна несут ответственность за создание цифровых интерфейсов для широкой публики. Цель состоит в том, чтобы предоставить аудитории качественный опыт и помочь бизнесу достичь своих целей.
Таким образом, веб-дизайнер является профессионалом, который приобретает необходимые навыки для выполнения этой работы . Они могут специализироваться в конкретных областях веб-дизайна, от создания веб-сайтов до разработки мобильных приложений. Во всех случаях цель одна: материализовать видение проекта.
Веб-дизайн имеет несколько подразделов, которые подробно описаны ниже.
Веб-графический дизайн
Это веб-дизайн, применяемый к визуальным элементам веб-сайта.
Он включает в себя все, от цветов и шрифтов до общего макета страниц.
Самая важная задача — воплотить идентичность бренда в дизайне сайта. Посетитель должен быть в состоянии относиться к этому и правильно видеть страницу как часть присутствия этого бизнеса.
Дизайн интерфейса
Работа по веб-дизайну также относится к дизайну интерфейса. Это относится не только к традиционным веб-сайтам, но и к мобильным приложениям, играм, компьютерному программному обеспечению и ряду других продуктов. В конце концов, интерфейс — это все, что служит посредником между пользователем и системой.
Идея состоит в том, чтобы создать простой, интуитивно понятный и адаптированный к особенностям целевой аудитории интерфейс.
Дизайн взаимодействия с пользователем
Внешний вид цифрового интерфейса также требует хорошего взаимодействия с пользователем. В противном случае ваша аудитория будет искать другие решения.
Перед профессиональным веб-дизайнером стоит задача создать действительно полезный опыт, что означает понимание потребностей ваших пользователей и их удовлетворение.
Взаимодействие с вашим бизнесом всегда должно быть положительным моментом для его аудитории, что означает отсутствие барьеров и всегда достижение своих целей.
Поисковая оптимизация
И последнее, но не менее важное: веб-дизайн также включает работу с поисковой оптимизацией (SEO), чтобы убедиться, что Google и подобные сайты правильно индексируют ваш контент. Это помогает вашему контенту занимать более высокие позиции в рейтинге результатов поиска, тем самым охватывая более широкую аудиторию, которая ищет ваше решение.
Несмотря на то, что некоторые аспекты SEO связаны с написанием контента, веб-дизайн также играет роль в обеспечении чистоты кода вашего веб-сайта и в том, что удобство использования не мешает вашему опыту. Все эти факторы являются решающими в определении вашей позиции в рейтинге.
Почему веб-дизайн важен?
Веб-дизайн — это инструмент, который вы используете, чтобы помочь людям воспринимать ваш бренд так, как вы хотите.
Применяя правильную стратегию и подход к визуальному маркетингу, ваш бизнес сможет привлечь нужную аудиторию и превратить ее в клиентов — см. несколько примеров дизайна целевой страницы.
Имея контакт с брендом, который предлагает постоянство и вызывает доверие, пользователи чувствуют себя более склонными вести с ним бизнес. Без четкий план веб-дизайна , вы теряете потенциальные результаты, которые может дать хорошее присутствие в Интернете.
Таким образом, это не тот элемент вашего проекта, которым следует пренебрегать. Ваша аудитория сможет сказать, что вашему дизайну не хватает, и не захочет взаимодействовать с вашим бизнесом через этот ужасный опыт. Вместо этого они выберут конкурентов, которые придают должное значение веб-дизайну.
Вот почему так важно работать с квалифицированными веб-дизайнерами. Квалифицированный специалист может проанализировать, что нужно вашему бренду, и использовать правильные инструменты для визуального воплощения, оставаясь при этом верным своей стратегии и целям .
На что обратить внимание при разработке веб-сайта?
Как вы уже видели, веб-дизайн может быть частью мощной бизнес-презентации. Однако, как и любой другой аспект вашей стратегии, она должна основываться на правильных решениях на этапах планирования и реализации. Неправильный выбор может негативно сказаться на всем вашем присутствии в Интернете.
При разработке веб-сайта необходимо учитывать определенные факторы, чтобы гарантировать его качество. Ниже приведены наиболее важные из них.
Эстетика
Всякий раз, когда люди обсуждают веб-дизайн, больше всего думают об этом факторе. Хотя важно не только это.
Идентичность вашего бренда определяет эстетику вашего веб-сайта, и она должна быть хорошо сжата вашим веб-дизайном. Это означает, что ваше присутствие в Интернете должно соответствовать вашим цветам, стилям и ощущениям. Будьте осторожны, чтобы не преувеличивать, так как слишком много элементов может испортить впечатление вашего посетителя.
Удобство использования
Никогда не забывайте, что вашим веб-сайтом будут пользоваться реальные люди, поэтому его веб-дизайн должен быть удобным в использовании. Однако что это влечет за собой?
Удобство использования означает возможность просмотра аудиторией разного происхождения, возраста и специализации. Простота — один из самых важных принципов, который требует от вас сокращения количества меню и опций. Поставьте себя на место посетителя и подумайте, что он сочтет интуитивно понятным.
Качество контента
Даже если все остальные элементы веб-дизайна работают хорошо, они ничего не значат без хорошего содержания. Наоборот, зачем вообще вашим посетителям приходить к вам?
Вот почему так много предприятий выбирают контент-маркетинг, чтобы у них всегда был качественный контент, который люди захотят читать и делиться . Эта работа требует, чтобы ваши страницы повышали ценность времени вашего посетителя, предлагая правильные решения.
Скорость
Знаете ли вы, что люди могут разочароваться в вашем бизнесе, если ваш сайт загружается медленно? Исследования показали, что , если время загрузки вашей страницы превышает 3 секунды, ваш показатель отказов имеет тенденцию к увеличению на 38% . Это плохо.
Еще один фактор веб-дизайна связан со скоростью загрузки. Это включает в себя поиск баланса между всеми вашими элементами и нагрузкой, которую они несут в браузере вашего посетителя и интернет-соединении.
Мобильность
По последним данным, на мобильные устройства приходится более 50% всего онлайн-трафика. Это означает, что если ваш сайт неправильно загружается на смартфонах и планшетах, вы можете отпугнуть примерно половину своей потенциальной аудитории!
Чтобы этого избежать, ваша стратегия веб-дизайна должна обеспечивать удобство вашего контента для мобильных устройств. Это означает наличие страниц, которые загружаются и соответствующим образом адаптируются к разным размерам экрана и условиям доступа .
Каковы самые серьезные ошибки веб-дизайна?
Веб-дизайн — неотъемлемая часть стратегии маркетинга и продаж, поскольку он помогает укрепить постоянство и силу бренда с помощью визуальных эффектов и качественного опыта. Однако хорошие результаты достижимы только тогда, когда вы избегаете ошибок, которые могут свести на нет усилия вашей компании.
Все стратегии разные; однако последствия плохого веб-дизайна почти всегда негативны. Если ваша аудитория не может найти решение из-за этих проблем, ваши результаты могут сильно пострадать.
При работе с веб-дизайном будьте осторожны, чтобы не совершать ошибок, таких как:
- не учитывать вашу целевую аудиторию при планировании и выполнении дизайна, так как это может помешать вашей компании привлекать нужных клиентов;
- забудьте о том, чтобы ваши визуальные эффекты были одинаковыми для разных каналов, как онлайн, так и офлайн;
- добавление слишком большого количества элементов, которые отвлекают пользователя и ослабляют присутствие вашего бренда;
- отсутствие четкого призыва к действию, чтобы направить ваших потенциальных клиентов на следующий этап покупательского пути;
- неправильное документирование ваших решений по веб-дизайну, чтобы их можно было проверить и сослаться на них в будущем.
Какие навыки наиболее важны для веб-дизайнера?
Учитывая важность веб-дизайна, ясно, как профессионал, который планирует и выполняет его должен обладать определенными навыками, чтобы сделать свою работу качественной. В противном случае весь проект может быть затруднен и не сможет достичь своих целей. Ниже приведены наиболее важные soft и hard навыки, которыми должен обладать веб-дизайнер.
Средства веб-дизайна
Многие работы по веб-дизайну выполняются с помощью специальных инструментов, которые упрощают и стандартизируют задачи . Знание того, как их обойти, необходимо для обеспечения качества и скорости при работе в этой области.
Первый шаг включает в себя изучение того, что требуется для работы, чтобы вы могли выбрать правильные инструменты. Существует несколько альтернатив с различными возможностями, от Photoshop до Dreamweaver.
Существуют также специальные инструменты, ориентированные на конкретные задачи, такие как Sketch, который фокусируется на векторных элементах пользовательского интерфейса, и InVision, который помогает вам представить свою работу в области веб-дизайна клиенту или руководителю.
Это может показаться ошеломляющим, особенно если вы новичок, но хорошая новость заключается в том, что все знания в области веб-дизайна можно получить с помощью онлайн-обучения — все, что вам нужно, это ноутбук и желание приобрести новые навыки
Общение
Веб-дизайнер часто работает в тесном сотрудничестве с другими профессионалами, поэтому хорошее общение необходимо для завершения любого проекта. Это касается правильное понимание своих критериев и способность быть понятым другими .
Быть хорошим коммуникатором ценно в любой области. Люди, которые работают в веб-дизайне, несут ответственность за визуальное представление бизнеса, поэтому они должны уметь объяснить, насколько их решения соответствуют целям и особенностям проекта.
HTML/CSS
Для работы над веб-дизайном необходимы знания программирования. Основные необходимые языки HTML и CSS , каждый из которых выполняет свою работу.
HTML (язык гипертекстовой разметки) и CSS (каскадные таблицы стилей) координируют отображение элементов на веб-страницах. Опытный веб-дизайнер может точно применить запланированный дизайн, используя правильные теги и значения при написании на HTML и CSS.
UX/UI
Поскольку веб-дизайнеры работают с интерфейсами, они должны иметь навыки работы с UX/UI. Несмотря на то, что они обычно используются вместе, это разные понятия.
UX-дизайн включает в себя работу, связанную с взаимодействием с пользователем . Это означает связать все вместе с точки зрения дизайна, чтобы убедиться, что ваша целевая аудитория удовлетворена тем, что вы создаете, будь то веб-сайт, приложение и так далее.
Дизайн пользовательского интерфейса относится к работе над пользовательскими интерфейсами . Дизайнеры должны уметь создавать понятные структуры, чтобы люди могли решать любые задачи, которые им нужны, при использовании вашего продукта или услуги.
Поисковая оптимизация (SEO)
Хороший веб-дизайн также может обеспечить правильную индексацию контента поисковыми системами и обеспечить хорошую видимость своего бизнеса. Вот почему дизайнеры должны иметь представление о SEO при работе в этой области.
В конце концов, большинство активов на веб-сайте влияют на его рейтинг, что относится к тексту, изображениям и коду. Это также требует знаний о том, как работают системы управления контентом и как их можно оптимизировать.
Тайм-менеджмент
Еще один навык, который очень важен для веб-дизайна, — управление временем. Это означает поиск способов достижения ваших целей в соответствии со спецификациями в соответствии с графиком проекта .
Это ценно, поскольку для бизнеса может быть очень вредно, если его сотрудники тратят несоответствующее количество времени на задачи. На каждый этап должно быть запланировано количество часов с учетом бюджета и сроков.