Как лучше сделать сайт: На чём сделать сайт — конструктор сайтов или cms?

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

Давайте-ка шаг за шагом разберём важнейшие принципы веб-дизайна в 2019 году.

Обязательно дайте пользователю знать, что у сайта есть мобильное приложение

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

Ну а кратчайший путь к этому — показать здоровенное модальное окно:

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

Совет: Если у вас нет мобильного приложения, не беда! Просто запихните весь сайт в  webview с отключенной безопасностью и пишите, что это мобильное приложение!

Разработайте стратегию для Do Not Track

Большинство современных браузеров (чтоб их!) поддерживают HTTP заголовок DNT, который расшифровывается как Do Not Track («Не отслеживать»). Этот заголовок сигнализирует, что пользователь не хочет, чтобы его отслеживали и, к огромному сожалению, этот заголовок включен по умолчанию в некоторых браузерах типа Brave (опен-сорс браузер с блокировкой рекламы от создателя JavaScript Брендана Эйха).

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

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

Разработайте стратегию для Кук

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

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

Блокируйте блокировщики

Блокировщики рекламы повсюду, а это сказывается на барышах, так что без блокирования блокировщиков никуда!

Chrome сам планирует блокировать блокировщики (золотце моё!), так что если кто-то зайдёт на Brave можно будет спокойно заявить, что его браузер устарел:

Совет: Никому не рассказывайте про Brave, опен-сорс Chromium браузер со встроенной блокировкой рекламы.

Так же не рассказывайте никому про Firefox, Opera или Vivaldi — совет переводчика.

Блокируйте заходы из других стран

Со всеми этими законами, GDPR, налогами на ссылки и баном Huawei (в США — прим. перев.), хотя ещё до конца не понятно что он означает, лучше просто взять и заблокировать их всех от греха подальше.

Совет: Вы можете…

Сделайте лэйаут как можно больше

Дни лэйаутов по 800 пикселей давно прошли. Сейчас всё больше широкоформатных дисплеев, так что постарайтесь задействовать как можно больше пространства.

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

Используйте уведомления

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

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

Напоминайте пользователю

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

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

Дайте пользователю возможность отказаться

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

Главное в таком деле — поместить опции туда, где они заметнее всего, например, в одну из подсекций «настроек аккаунта»:

Используйте JavaScript

Общеизвестно, что всегда нужно использовать JavaScript.

Не, вы, конечно, можете подумать: «Но зачем, ведь у меня только текст и пара картинок?» А про будущее вы подумали? Скоро, не сомневайтесь, у вас будет куча модальных окон. И когда это произойдёт, вы сто раз пожалеете, что не использовали модный JS фреймворк, работающий в serverless облаке.

Совет: Конкретно эту страницу джаваскриптом не рендерите.

На каком движке лучше сделать сайт-визитку?

Сайт-визитка — это небольшой веб-ресурс. Главная задача — это презентовать основные услуги или товары компании. Как правило, состоит из 5-7 страниц. Редко содержит отдельные категории «Новости» или «Статьи».

Выбор движка для сайта-визитки

Очень важным аспектом для сайта визитки является выбор системы управления. Конечно можно обойтись и без нее, но в этом случае обновлять веб-ресурс без участия специалистов будет невозможно. Это приводит к тому, что на веб-сайте размещена неактуальная информация.
Самые популярные CMS: WordPress, Joomla, Drupal, Битрикс.

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

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

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

WordPress — входит в тройку самых популярных CMS (по некоторым рейтингам занимает 1 место). Это полностью бесплатная некоммерческая платформа, созданная и активно развивающаяся с 2003 года. Главным ее плюсом является максимальная гибкость при разработке. По сути WordPress позволяет на основе любого дизайна интегрировать функционал. Помимо большого количества бесплатных модульных решений, в движок встроены возможности, которые позволяют в административной панели добавлять любые поля и выводить их в любом месте сайта. На практике это означает, что вы можете в административной панели создать новый раздел (например, «Информация») и в данном разделе объединить всю контактную информацию на сайте (телефон, E-mail, карту Яндекса, адрес, слоган и т.д.). При этом ее легко вывести в абсолютно любом месте сайта. В результате администратору сайта не придется искать в перегруженной панели в модулях куски текста (как это происходит в той же Joomla), которые нужно исправить, и все выглядит максимально логично и удобно.
Вторым достоинством WordPress является то, что обновления CMS занимают считанные секунды и происходят в автоматическом режиме. Мы работаем с данной CMS с 2011 года и создали сотни проектов на ней, и ни разу при обновлении не возникали сбои или трудности. Данная платформа настолько унифицирована и стабильна, что при обслуживании не возникает никаких трудностей.
Третьим плюсом WordPress является то, что расширить функционал на ней несложно. Если вы запланируете из сайта-визитки сделать полноценный корпоративный сайт, то это не будет сложно.

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

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

1. Закрытость кода. Если вам потребуется расширить функционал, то вы не сможете сделать это, если данная разработка уже не предложена конструктором. Сталкиваясь с ограничениями Вам в конце концов придется либо смириться, либо создавать с нуля проект на другой CMS.
2. Шаблонный дизайн. Большинство конструкторов предлагают готовые решения. Это снижает стоимость, но и существенно влияет на конверсию.
3. Неясное будущее. Если представить, что по каким-то причинам поддержка конструктора может прекратиться (например, закроется проект), то риски еще больше возрастают.

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

Как выбрать CMS в 2021 году. Обзор вариантов, интерфейсы

Как выбирать CMS

CMS (Content Management System) — система для создания сайтов и управления ими. Подробнее о плюсах, минусах и особенностях работы с CMS вы можете узнать в статье о том, что выбрать — CMS или конструктор. 

Сейчас существует более 50 CMS, от неизвестных до тех, которыми пользуются миллионы людей. Мы остановимся на 6 самых популярных в рунете (по статистике портала iTrack): WordPress, 1С-Битрикс, Joomla, OpenCart, Drupal и MODX. 

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

Для каких задач вам нужен сайт?

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

Есть ли у вас опыт работы с CMS?

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

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

Каким бюджетом вы располагаете? 

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

Планируете ли развивать проект?

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

Теперь перейдём к CMS. Рассмотрим те аспекты, которые помогут оценить удобство и функциональность конкретных платформ. 

WordPress

WordPress — бесплатная универсальная CMS с дружественным интерфейсом и гибким функционалом. Её используют 534 400 сайтов — это 44,7% всех сайтов на CMS в рунете. 

Для чего подходит

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

Для создания интернет-магазинов на движке WordPress требуются дополнительные плагины. Мы рекомендуем 2 инструмента: 

• WooCommerce. Самый популярный бесплатный плагин для Ecommerce (более 5 млн установок). 
• Ecwid. Платное готовое решение, которое можно установить на большинство CMS. 

Как установить

Скачать на официальном сайте и установить на хостинг (если знаете, как работать с базами данных). Или закажите CMS-хостинг WordPress в RU-CENTER. Тогда ничего не придётся устанавливать, и после оплаты вы сможете перейти к настройкам сайта. 

Интерфейс

После установки CMS настраивать сайт и управлять им нужно в административной панели. Это удобный редактор, полностью переведённый на русский язык. В левом вертикальном меню собраны основные разделы: 

• Главная — для настройки темы (структуры сайта) и просмотра статистики.
• Записи — для работы с постами, если используете CMS для ведения блога.
• Страницы — для редактирования отдельных страниц сайта. 
• Комментарии — для управления комментариями посетителей. 
• Внешний вид — для смены темы и визуального оформления. 
• Плагины — каталог приложений для CMS (например, для увеличения скорости работы сайта). 
• Пользователи — для создания ролей и назначения доступных функций для них (если нанимаете редактора для блога, но хотите, чтобы у него был доступ только к созданию записей). 
• Инструменты — экспорта и импорта материалов с внешних источников. 
• Настройки — для установки общих параметров всего сайта (название, краткое описание, домен, язык интерфейса). 

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

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

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

1. Начните с четкой навигации.
2. Используйте разговорный английский.
3. Помните о передовых методах SEO.
4. Предоставьте всю необходимую информацию.
5. Оставь шумиху.
6. Сделайте вашу домашнюю страницу содержательной.
7. Создавайте уникальные целевые страницы для определенных тем.
8. Позвольте картинкам рассказать вашу историю.
9. Включите контент, укрепляющий доверие.
10. Держите свой сайт в актуальном состоянии.
11. Используйте простой макет.
12. Сделайте так, чтобы посетители могли легко с вами связаться.
13. Сохраняйте формы простыми.
14. Включите призыв к действию почти на каждой странице.
15. Сделайте его идеальным или максимально приближенным к нему.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот 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. Сделайте его идеальным или максимально приближенным к нему.
Орфографические и грамматические ошибки делают вас похожим на дилетанта. Так же плохая формулировка. Внимательно просмотрите свою работу или, еще лучше, подумайте о найме профессионального копирайтера для создания вашего контента.

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

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

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

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

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

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

Как создать веб-сайт: пошаговое руководство

Я собираюсь шаг за шагом рассказать вам о создании нового веб-сайта для моего друга Ника.

Ник управляет компанией Sgt Nick’s Drums, занимающейся продажей декоративных барабанов ручной работы. Прямо сейчас Ник продает барабаны на Etsy, но я собираюсь показать вам, как я создал новый веб-сайт Ника, который выглядит так:

Меня зовут Стив Бенджаминс. Мои веб-сайты были представлены в Wired, The Next Web и Forbes. И в этом руководстве для начинающих я покажу вам, как создать веб-сайт, шаг за шагом.

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

Я раскрою все секреты торговли:

• Где найти бесплатные стоковые фотографии, которые не отстой.
• Как сделать логотипы прозрачными.
• Честная правда о SEO.
• Как поместить это маленькое © в нижний колонтитул
• Настройка электронной почты на собственном доменном имени.
• Почему вашему бизнесу могут не понадобиться социальные сети.
• Что и КАК писать.
• … И многое, многое другое.

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

Примечание: Моя работа поддерживается партнерскими комиссиями. Подробнее »

Во что я верю

Вот три моих правила для хороших веб-сайтов. Я буду возвращаться к ним на протяжении всего руководства:

1. Выберите цель

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

2. Будьте человеком

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

3. Меньше значит больше

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

Зарегистрируйтесь и добавьте свой логотип

Для начала зарегистрируйтесь в Squarespace. Первым шагом будет выбор вашего шаблона Squarespace.

Мы собираемся использовать шаблон Jaunt из категории Интернет-магазины .

Выбор шаблона — в этом руководстве мы будем использовать Jaunt.

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

После того, как вы выберете шаблон, вы окажетесь внутри. Добро пожаловать в Squarespace.

Добро пожаловать в Squarespace

Добавление вашего логотипа

Первое, что нам нужно сделать, это добавить наш логотип.Итак, на боковой панели щелкните Design , а затем Logo and Title .

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

Добавьте заголовок сайта и загрузите логотип.

Создание прозрачного логотипа

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

Первое, что нужно знать, это то, что файлы JPG не поддерживают прозрачный фон. Итак, если ваш логотип .JPG, он должен стать .PNG с прозрачным фоном .

Логотипы на белом фоне исправить легко.

Вы можете создать прозрачный фон с помощью Adobe Photoshop , но есть также бесплатный и простой инструмент под названием Lunapic, если у вас нет Photoshop.

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

Щелкните цвет, который хотите сделать прозрачным.

Затем сохраните прозрачное изображение — в браузере Google Chrome щелкните правой кнопкой мыши и выберите Сохранить изображение как . Не забудьте сохранить изображение как файл .PNG.

Не забудьте сохранить изображение как файл .PNG.

Наконец, загрузите свой логотип в Squarespace, и готово!

Навигация и страницы

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

На главном экране боковой панели щелкните Pages .

Это главный экран боковой панели.

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

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

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

Щелкните этот значок шестеренки.

Прокрутите страницу настроек вниз до пункта «Сделать домашней страницей». Щелкните по нему.

Это сделает нашу новую страницу домашней страницей — что в основном означает, что это страница, которая появится, когда кто-то наберет sgtnicksdrums.com .

Установка нашей новой страницы в качестве домашней.

Далее мы удалим все демонстрационные страницы Squarespace. Если вы хотите сохранить любую из этих демонстрационных страниц для справки, вы можете просто переместить их (щелкнув и перетащив) в раздел Not Linked .

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

Удалите демонстрационные страницы Squarespace (слева), чтобы начать с чистого листа (справа).

Далее мы добавим еще 3 пустые страницы — они будут строительными блоками нашего веб-сайта.

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

Пользовательский стиль навигации

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

Наш следующий шаг — сделать навигацию и логотип более жирным.

Вернитесь на главную боковую панель и откройте редактор стилей , щелкнув Дизайн → Стили сайта :

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

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

Мы собираемся внести несколько изменений в навигацию: мы увеличим размер шрифта, установим нулевое преобразование текста и изменим шрифт на Proxima Nova — это шрифт, который мы будем использовать везде на веб-сайте Ника. .

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

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

Увеличьте ширину логотипа до 180 пикселей.

Добавление значков социальных сетей

Ник очень активен в Instagram и Facebook. Из-за этого я хочу добавить значки Instagram и Facebook в навигацию.

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

Вам также не нужны социальные сети, если у вашей компании нет ничего интересного для публикации. Sgt Nick’s Drum’s — это кустарный бизнес, поэтому социальные сети — это возможность познакомить клиентов с Ником, человеком, стоящим за продуктом.Это способ укрепить доверие.

Итак, приступим.

Squarespace требует, чтобы мы подключили наши учетные записи в социальных сетях, чтобы добавить кнопки социальных сетей в нашу навигацию. Мы делаем это, щелкая Настройки → Социальные ссылки на боковой панели «Домой». Затем мы добавляем профили Ника в Instagram и Facebook:

Добавление социальных ссылок для Sgt Nick’s Drums.

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

Установите социальную позицию на верхний правый угол.

Затем нажмите Сохранить и перезагрузите страницу.

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

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

Советы по эффективной навигации

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

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

Иногда навигацию можно разместить вертикально слева:

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

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

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

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

Страница №1: Моя история

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

Итак, перейдите в «Моя история», наведите указатель мыши на тело и нажмите Изменить :

Нажмите «Изменить», чтобы редактировать «Моя история».

Затем давайте добавим заголовок:

Создайте заголовок, написав текст и затем установив его как «Заголовок 1».

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

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

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

Я добавил разделители, чтобы текст не был таким широким.

Как писать для веб-сайтов

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

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

Не те люди.

Хорошее написание веб-сайтов требует разговорной речи. Представьте, что вы пьете кофе с другом, и он просит вас объяснить ваш бизнес.Как бы вы поговорили? Какие слова вы бы использовали? Вот как надо писать.

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

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

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

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

Совет: не пишите о себе

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

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

Вот пример написания для себя :

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

А вот пример того, как писать для аудитории — , это намного лучше :

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

Добавление собственноручной подписи

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

Вот как я добавил подпись под рассказом Ника.

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

Подпись Ника.

Затем я вырезал подпись из изображения:

Обрезанная подпись Ника.

Наконец, я использовал Lunapic, чтобы вырезать фон и создать прозрачный PNG:

Затем я добавил его на веб-сайт Squarespace и поместил несколько распорок с каждой стороны, чтобы центрировать его:

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

Отзывы

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

К счастью, у Ника есть много отличных отзывов о его истории Etsy. Так что я взял несколько и отредактировал их:

Я взял несколько отзывов со страницы Etsy сержанта Ника.

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

Добавление разделителя и линии.

Затем я добавил небольшой заголовок (Заголовок 2):

Добавление заголовка.

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

В отзывах используется элемент Quote.

Instagram Feed

Последнее, что я хочу добавить на эту страницу, — это канал Instagram.

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

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

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

Двенадцать моих любимых фотографий из Instagram Ника.

Наконец, я добавил кнопку под фотогалереей, чтобы клиенты могли подписаться на Ника в Instagram:

И на этом мы завершили весь контент для страницы «Моя история»! Далее мы собираемся стилизовать страницу, чтобы она выглядела лучше.

Вот что у нас есть на данный момент:

Стиль веб-сайта

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

Итак, откройте свой Site Styles (находится в разделе «Дизайн»).

Начнем с настройки Заголовок 1 . Я собираюсь заменить его на понравившийся мне шрифт под названием Libra Baskerville . Я также собираюсь уменьшить размер шрифта и убрать верхний регистр:

Наш новый стиль заголовка 1

Далее идет основной текст — самый важный элемент дизайна на вашем веб-сайте.

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

Итак, давайте увеличим жирность шрифта (жирность) до 400 и размер шрифта для основного текста :

Увеличение веса и размера основного текста.

Затем давайте изменим цвет Body Text на # 333333, который является очень темно-серым, но не совсем черным (чистый черный имеет тенденцию быть слишком интенсивным):

# 333333 — это темный оттенок черного, но не совсем черный.

Теперь зададим стиль нашему заголовку 2 :

Новый стиль для заголовка 2

Затем мы стилизуем наш блок цитат . Начнем с шрифта Quote Font :

Наш стиль шрифта Quote.

Теперь давайте настроим исходный шрифт :

Стиль исходного шрифта.

И, наконец, давайте изменим наш шрифт button на Proxima Nova для сохранения единообразия:

Сделаем кнопку в том же стиле, что и остальные.

Теперь «Моя история» выглядит намного аккуратнее!

Как наша страница выглядит после стилизации.

Веб-сайты Squarespace адаптивны — это означает, что они расширяются и сжимаются в зависимости от размера области просмотра. Из-за этого сайт может стать ШИРОКОМ на большом экране. Итак, я собираюсь изменить дизайн на Constrained Width , чтобы он не становился слишком широким:

Установите дизайн на Constained Width и ширину на 1500 пикселей.

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

Регулировка заполнения верхнего заголовка.

… Затем измените заполнение раздела содержимого с 90 пикселей на 30 пикселей:

Регулировка заполнения раздела содержимого.

Стилизация отдельных элементов

Вы могли заметить, что Squarespace не позволяет стилизовать отдельные элементы.

Например, Squarespace не позволяет нам изменять размер шрифта этого конкретного экземпляра основного текста (ниже) :

Здесь нет возможности увеличить размер шрифта — вы должны сделать это на сайте Стили.

Так почему же Squarespace это делает?

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

Но есть и более глубокая причина.

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

h3 и P являются примерами тегов HTML.

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

Выбор цвета

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

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

Я использую цвета из набора инструментов для дизайна материалов для всех своих веб-сайтов.

Не изобретайте колесо заново, если вы не совсем уверены в своих цветовых решениях, просто воспользуйтесь руководством по цвету, таким как Material Design Toolkit. (Еще один отличный ресурс: ColourLovers).

Примечание. Всегда учитывайте контраст при выборе цветов .Контраст — основа графического дизайна. Продуманный контраст делает дизайн интересным. Самая основная форма контраста — между светом и темнотой.

Советы по дизайну

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

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

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

Вот еще несколько советов:

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

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

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

Kinfolk — это пример веб-сайта с красивой типографикой.

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

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

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

Абзацы в Википедии могут стать слишком широкими!

Избегайте системных шрифтов . Долгое время веб-сайты могли использовать только системные шрифты (например, Times New Roman, Georgia, Arial и Comic Sans MS). К счастью, те времена прошли, и сегодня вам лучше выбрать веб-шрифт.

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

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

Фотография

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

По возможности показывайте посетителей, а не рассказывайте им. Помните: посетители не читают веб-сайты, они сканируют веб-сайты .

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

Избегайте хромой стоковой фотографии.

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

Коробку для фотостудий я купил на Amazon

Это было лучшее решение, которое я принял.

Коробка для фотографий упрощает получение снимков продукции на белом фоне при полном освещении:

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

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

На этой дрянной зернистой фотографии я использую коробку для фотографий.

Я выполнил базовое редактирование фотографий, но если вы не знаете, как редактировать свои фотографии, есть сервисы по запросу, такие как Pixelz, которые редактируют фотографии всего за 1 доллар за изображение.

Где найти бесплатные стоковые фотографии

Если вам нужны стоковые фотографии, вам повезло — в Интернете полно отличных бесплатных стоковых фотографий.Вот три места, которые я ищу:

Страница № 2: Shop Drums

Теперь, когда у нас есть отличные фотографии продуктов, будет очень легко сделать страницу «Shop Drums».

Перейдите в «Магазин Барабанов» и добавьте Заголовок 1 и Заголовок 2 . Если вам интересно, как у меня появилась маленькая стрелка после фразы «Получить цитату», подождите — я скоро до нее доберусь.

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

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

Итак, я загрузил 2 фотографии продукта, добавил Заголовок 2 и ссылку на Etsy (где клиенты Ника могут выполнить свой заказ):

Затем я скопировал это для еще нескольких продуктов — и у нас есть наша страница!

Наша страница «Магазин барабанов».

Я также добавил ссылку на кнопку на магазин Etsy внизу страницы!

Значки Unicode

Вы могли заметить, что я использовал два значка в тексте «Наши барабаны».Я использовал среднюю точку (·) и двойную стрелку (»).

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

Вы можете перейти на TopTal, чтобы просмотреть сотни значков Unicode.

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

Страница № 3: Домашняя страница

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

Итак, я сделал очень четкое Заголовок 1 , чтобы начать страницу. Я предпочитаю ясность уму — я мог бы сделать этот заголовок чем-то вроде «Марш под удар вашего собственного барабана» или что-то в этом роде, но я предпочел бы быть ясным, чем умным.

Внимание! Чтобы текст был во всю ширину, мне нужно было добавить разделители с обеих сторон.Это что-то вроде «взлома»!

Затем я добавил фотографию трех барабанов, расположенных рядом:

Добавление изображения

Затем я прикрепил две кнопки к столбцам и изменил их выравнивание на левое и правое, чтобы создать эффект центрирования:

Добавление кнопок

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

Будьте человеком

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

Последняя домашняя страница.

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

Страница №4: Контакт

Контактные страницы — это рабочие лошадки — небольшая, но важная часть лидогенерации.

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

• Часы работы
• Праздничные часы
• Маршрут
• Карта
• Адрес
• Номер телефона
• Электронная почта
• Форма обратной связи

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

Итак, давайте начнем с добавления двух заголовков. Я добавил эмодзи в виде сердца, чтобы немного поиграть (пользователи Mac всегда могут вызвать клавиатуру эмодзи, нажав CTRL + CMD + SPACE).

Смайлик добавляет немного игривости.

Затем давайте добавим контактную форму.

Добавление формы.

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

Убедитесь, что это правильный адрес электронной почты.

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

Это дает более индивидуальный подход.

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

Фотография добавляет еще один человеческий штрих.

И точно так же у нас есть хорошая страница «Контакты»:

Полная страница контактов.

Мобильный

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

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

Лучший способ сделать сайт мобильным — это адаптивная тема. Адаптивная тема сжимается или расширяется до размера устройства:

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

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

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

Давайте изменим мобильное меню на Правый верхний угол :

Изменение меню на Правый верхний угол.

SEO и Favicon

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

В Squarespace есть несколько оптимизаций, которые мы обязательно учли.

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

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

Итак, в Squarespace перейдите по ссылке Marketing → SEO , и мы собираемся изменить формат заголовка SEO :

Мы собираемся это изменить.

Если формат заголовка SEO вас пугает, вы можете пропустить этот шаг. Честно говоря, это не изменит вашего SEO, но иметь его приятно.

В основном есть три типа страниц: Home , Pages и Items . Домашняя страница — это ваша домашняя страница, страницы — это страницы, а товары — для электронной торговли.

Заголовки автоматически генерируются с помощью % s (заголовок вашего веб-сайта Squarespace — установлен в Дизайн → Стили сайта ),% p (заголовок страницы) и% i (заголовок элемента).

Что касается Ника, я действительно хочу написать свои собственные теги заголовков для каждой страницы — поэтому я изменил Home и Pages на% p:

Я изменил это и для домашней страницы.

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

Я могу включить важное ключевое слово «декоративные барабаны» и упомянуть компанию Ника.

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

Ярлыки SEO — их нет

Настройка собственного заголовка страницы — это только начало. SEO — это отдельная дисциплина.

Я добился больших успехов с SEO . Например, мой веб-сайт Site Builder Report занимает первое место при поиске лучших разработчиков веб-сайтов в Google, опередив такие компании, как GoDaddy и Wix.

Так как я это сделал? Вот мой лучший совет: избегайте ярлыков. Способ ранжирования в Google прост, но труден .

Я свожу SEO к нескольким ключевым компонентам:

1. Ключевые слова — Ключевые слова — это поисковые запросы, которые ищет ваша целевая аудитория. Мы хотим занять место среди них.
2. Контент, который выделяется — Google хочет вознаграждать лучший контент, поэтому создавайте выдающийся контент за границу. В этом руководстве, которое вы сейчас читаете, более 6 500 слов.На это у меня ушло несколько недель, но это также касается высококонкурентного ключевого слова (, как создать собственный веб-сайт, ), поэтому оно должно быть выдающимся.
3. Ссылки — Наличие других веб-сайтов, которые естественным образом ссылаются на ваш веб-сайт, имеет решающее значение для SEO. Не пытайтесь этим манипулировать. Google хорошо отсеивает неестественные ссылки.

Обещают ли вам специалисты по телемаркетингу первое место в Google? Они лгут. Они имеют в виду, что купят Google Рекламу, чтобы продвигать ваш сайт.Никто не может гарантировать вам место №1 в Google. Это чушь.

Я бы порекомендовал эти 4 ресурса, если вы хотите узнать больше о SEO:

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

Локальное SEO

Локальное SEO — это поисковая оптимизация для поисковых запросов с локальным намерением.Вы, вероятно, встречали такие типы поиска в своем собственном поиске в Google:

Локальные 3 пакета — наиболее распространенный локальный результат:

Локальный результат из трех пакетов.

Карты знаний показывают, когда люди ищут конкретные предприятия:

Результат карты знаний.

Карты Google также рассматривается. Местное SEO:

Ранжирование в Картах Google является частью местного SEO.

Итак, как вы можете ранжироваться в этих местных результатах SEO? Вот три передовых практики:

1.Объявление в Google My Business

Данные о вашем бизнесе в Google My Business отображаются в Google Поиске (на панели знаний) и на Картах Google. Вы определенно захотите убедиться, что у вас есть контроль над этой записью.

2. NAP

NAP означает имя , адрес и телефон . Эти три детали являются подписью, которую Google использует, чтобы следить за вашим бизнесом в Интернете. Чем больше у вас «местных ссылок» с этой информацией, тем лучше.

Вам нужно, чтобы ваша NAP была максимально последовательной — непоследовательная NAP может сбить с толку Google — поэтому убедитесь, что ваша компания правильно указана на основных платформах для отзывов, таких как TripAdvisor, Yelp и Facebook.

3. SEO

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

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

Favicon

Ваш значок — это маленький значок вашего веб-сайта, который отображается в окне браузера:

Эти являются значками веб-сайта.

Чтобы добавить значок в Squarespace, перейдите к Дизайн → Логотип и заголовок и загрузите в значок браузера:

Фавиконы — это идеальный квадрат — к счастью, логотип Ника здесь прекрасно работает!

Автор Стив Бенджаминс

Я занимаюсь созданием веб-сайтов более 20 лет, и веб-сайты были представлены в Wired, The Next Web, Smashing Magazine, The Huffington Post и Forbes.Подробнее →

Блог (Категория) | WebsiteSetup

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

33 способа монетизировать ваш веб-сайт / блог

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

9 лучших услуг электронного маркетинга

Электронный маркетинг по-прежнему остается наиболее эффективной стратегией онлайн-маркетинга с точки зрения рентабельности инвестиций (ROI).Согласно одному исследованию, он колеблется в районе 3800%. Таким образом, на каждый доллар, вложенный в электронный маркетинг, вы должны рассчитывать на прибыль в размере 38 долларов. Более того, в 2019 году во всем мире электронной почтой пользовались около 3,9 миллиарда человек. Это число […]

Как увеличить посещаемость веб-сайта

Вопрос о том, как увеличить посещаемость сайта, никогда не устареет.Блогер, владелец бизнеса или опытный специалист по цифровому маркетингу — вы всегда будете искать новые неиспользованные источники трафика и пробовать новые стратегии трафика. Это справедливо, поскольку поисковые системы и социальные сети постоянно меняют свои алгоритмы. Итак, как привлечь трафик в […]

Как создать список рассылки

Платформы социальных сетей, онлайн-мессенджеры и программное обеспечение для совместной работы — все на ходу.Но один инструмент всегда остается в использовании как среди предприятий, так и среди потребителей — электронная почта. Электронная почта — один из самых популярных и эффективных каналов связи с вашей аудиторией с рентабельностью инвестиций 42 доллара на потраченный 1 доллар. Но чтобы увидеть такую ​​отдачу […]

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

27 «Легко начать» бизнес-идей в Интернете на 2021 год

Станет ли 2021 год годом, когда вы наконец создадите прибыльный онлайн-бизнес? Вы думали об этом каждый год.Вы продумывали бесчисленное количество бизнес-идей в Интернете и представляли, какой была бы ваша жизнь, если бы вы могли бросить работу и зарабатывать деньги в Интернете. Вы можете путешествовать по миру с […]

Дополнительные бизнес-идеи

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

Тенденции веб-дизайна

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

Оценка онлайн-ресурсов: полное руководство для начинающих

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

Доступность веб-сайта (передовой опыт)

Доступность — это практика обеспечения равной доступности веб-сайтов для людей с ограниченными возможностями, чтобы они имели равный доступ к товарам и услугам, предоставляемым на этих сайтах.Это неотъемлемая часть профессионального веб-дизайна и разработки. Почему вам нужно заботиться о доступности? Существует множество причин, по которым разработчики, дизайнеры и их работодатели / клиенты должны […]

Юзабилити веб-сайта: как проверить и улучшить

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

Показать больше…

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

Сколько сайтов будет в 2021 году?

Сколько существует веб-сайтов? Последнее обновление: 28.05.20 1 2 3 4 5 6 7 Поделиться По оценкам, более 1.Существует 7 миллиардов веб-сайтов, но это число ежедневно колеблется в зависимости от запуска или потери веб-сайтов. Несмотря на приливы и отливы, Интернет огромен, и 4,5 миллиарда человек во всем мире вносят свой вклад в онлайн-взаимодействие. […]

Сколько существует блогов?

Статистика веб-хостинга

Рынок хостинга вырос до огромных размеров за последние 25 лет с тех пор, как у нас впервые возникла потребность в хостинге.Это индустрия, которой даже не существовало до изобретения Интернета. К настоящему времени это одна из опор современного общества и экономики. Чтобы дать вам лучшее […]

Популярные CMS по доле рынка

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

50+ бизнес-статистика в Интернете

Ведение бизнеса в Интернете имеет много преимуществ.В 2020 году это урок, который пришлось усвоить как большим, так и мелким компаниям (зачастую на собственном горьком опыте). Никто не был готов к хаосу, сбоям и всеобщей панике, которые вызвал COVID-19. Итак, если вам интересно, сколько онлайн-компаний существует и как они […]

30+ Статистика времени загрузки веб-сайта

85 Статистика электронной торговли, которую необходимо знать в 2021 году

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

Среднее время работы веб-хостинга в 2018 г. для 32 хостов

В среднем веб-сайт находится в автономном режиме 3 часа в месяц из-за простоя веб-хостинга. Многие исследования показали, что время безотказной работы является фактором номер один при выборе веб-хостинга, и хотя большинство, если не все, услуги веб-хостинга «обещают» 99.99% времени безотказной работы, это не относится к нашему тематическому исследованию. Согласно нашим последним исследованиям, […]

30+ Статистика и факты WordPress

Интересно узнать, почему WordPress уже давно является самой популярной системой управления контентом? Тогда вам нужно только посмотреть на цифры.WordPress выдержал испытание временем по многим причинам. И когда вы посмотрите на эти 35 потрясающих статистических данных за 2020 год, вы быстро поймете, что именно делает […]

Интернет-статистика и факты (2021 г.)

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

Показать больше…

22 главных совета для создания лучшего веб-сайта «сделай сам»

Что делают самые успешные веб-сайты «сделай сам», чего не делают другие? Мы здесь, в Jimdo, изучили миллионы веб-сайтов именно это.Снова и снова это несколько простых советов, которые помогут максимально использовать возможности вашего конструктора сайтов, независимо от того, о чем он идет.

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

1. Начните с простого плана сайта

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

Узнайте, как запустить собственный сайт-резюме сегодня!

2. Делайте навигационное меню коротким

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

3. Подумайте о своей аудитории

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

4. Создайте свой собственный логотип

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

5. Используйте логотип с прозрачным фоном.

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

Создайте логотип, который выделит ваш бизнес.

6. Инвестируйте в собственное доменное имя веб-сайта

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

7. Оставьте достаточно времени для подключения своего домена

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

8. Просмотрите некоторые распространенные термины веб-сайтов

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

9. Проверьте, как ваш веб-сайт выглядит на мобильном телефоне.

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

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

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

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

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

12. Выбирайте простые цвета для веб-сайта в своем дизайне

Если вы начинающий дизайнер, рекомендуется использовать простые цвета. Многие из лучших веб-сайтов DIY находят правильный «вид» с помощью простой черной, белой и / или серой цветовой схемы, а затем добавляют небольшие кусочки цвета для разнообразия. Эти цвета могут соответствовать вашему существующему логотипу или цветам бренда или быть тем, что наш конструктор веб-сайтов предлагает вам в меню параметров цвета. Этот классический подход к дизайну веб-сайтов проверен и всегда отлично выглядит.Узнайте больше о лучших сочетаниях цветов для сайтов DIY здесь.

13. Выберите шрифт, который очень легко читать.

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

14. Используйте пустое пространство в своем дизайне веб-сайта своими руками

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

15. Разбейте текст на мелкие части

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

16. Введите настройки SEO

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

17. Начните отслеживать посещаемость вашего веб-сайта, даже если она низкая

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

18. Помните, что хороший трафик DIY-сайта требует времени — наберитесь терпения!

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

19. Узнайте больше о юридических требованиях вашего веб-сайта

Если у вас есть веб-сайт в Европейском Союзе или клиенты в ЕС, вам следует ознакомиться с правилами Общего регламента защиты данных (GDPR).Это закон о конфиденциальности и защите данных, применимый ко многим веб-сайтам, включая сайты DIY. Хотя мы всегда рекомендуем проконсультироваться с юристом, вот объяснение GDPR, которое поможет вам начать работу. У Jimdo также есть генератор юридических текстов для клиентов из ЕС, который автоматически заботится о юридических страницах вашего веб-сайта, таких как Политика конфиденциальности и Выходные данные.

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

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

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

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

22. Черпайте идеи с других успешных сайтов DIY

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

Разведите свой бизнес в сети с Jimdo.

30 советов по созданию вашего первого бизнес-сайта

Не знаете, что блог от веб-сайта из социальной сети? Вы готовы создать свой первый бизнес-сайт, но не знаете, с чего начать?

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

Имейте четкую цель

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

Напишите свое собственное содержание

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

Четко и быстро сформулируйте свою цель

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

Расскажите клиентам, что вы можете для них сделать

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

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

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

Разработка иерархии страниц

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

Draw Inspiration

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

Профессиональный веб-сайт> Личное достижение

Малые предприятия, испытывающие нехватку денег, могут захотеть пойти по пути DIY для своего первого бизнес-веб-сайта. Некоторым это удалось, но для нового владельца бизнеса это непросто. Брэкет сказал в телефонном интервью Small Business Trends:

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

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

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

Выберите надежный хост

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

Рассмотрите возможность роста в будущем

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

Найдите дизайнера, которым вы восхищаетесь

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

Ищите образцы и ссылки

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

Учитывайте масштаб проекта

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

Просмотрите готовые темы

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

Держитесь подальше от бесплатных тем

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

Добавить лицо

Один из общих элементов многих популярных веб-сайтов для малого бизнеса, согласно Брэкету, — это фотография основателя или команды. Она объясняет:

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

Расскажите личную историю

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

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

Настройка Easy Contact

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

Всегда включайте контактную форму

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

Сохраняйте простоту элементов дизайна

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

Сделайте текст удобным для чтения

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

Добавьте ценные изображения

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

Избегайте дешевой стоковой фотографии

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

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

Включите отзывы клиентов

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

Scout Good Images

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

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

По возможности добавляйте видеоэлементы

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

Настаивайте на мобильном сайте

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

Исследование SEO

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

Учитесь на ходу

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

Эта статья опубликована в журнале Small Business Trends Magazine. Подпишитесь на журнал сегодня. И обязательно ознакомьтесь с архивными выпусками журнала.

Веб-команда Фото через Shutterstock

Как создать веб-сайт

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

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

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

Если вы готовы приступить к работе, это руководство познакомит вас со службами и программным обеспечением, которые помогут вам начать создание собственного веб-сайта, даже если у вас нет опыта. Имейте в виду, что ни один из этих инструментов не даст вам представления о веб-сайте-победителе — это ваша ответственность. Они также не сделают вас веб-дизайнером — работа, отличная от создания сайта.Тем не менее, эти службы и программное обеспечение облегчат некоторые головные боли, возникающие из-за отсутствия обширных знаний в области CSS, FTP, HTML и PHP. Давайте начнем.

WordPress.com, протестировано

Ведение блога для развлечения и прибыли

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

Основным игроком в игре для блогов является WordPress, система управления контентом (CMS), на которой работают миллионы веб-сайтов, включая The New York Times , Quartz и Variety . Сайты на базе WordPress невероятно просты в установке, настройке и обновлении — в идеале — ежедневно. Вам не обязательно изучать причудливые приемы FTP (хотя вы, безусловно, можете использовать их, если хотите), и существует смехотворное количество бесплатных и платных тем WordPress и плагинов WordPress, чтобы придать вашему сайту красивое лицо и значительно расширить функциональность.Ознакомьтесь с разделом «Как начать работу с WordPress», чтобы узнать все, что вам нужно знать о CMS, включая различия между WordPress.com и WordPress.org. Хотя WordPress доминирует в сфере ведения блогов, это не единственная заслуживающая внимания CMS для ведения блогов.

Yahoo’s Tumblr — еще одна невероятно популярная платформа для блогов, которая позволяет размещать более короткие и наглядные сообщения. Однако вы можете найти темы, которые придадут вашему сайту Tumblr более традиционный вид. Blogger от Google отличается тесной интеграцией с Google AdSense, поэтому внести дополнительные карманные изменения совсем несложно.Новые службы ведения блогов, такие как Anchor, Feather и Medium, делают написание и публикацию не просто сложным дизайном, но их невероятно просто обновить.

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

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

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

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

Создайте свой личный Интернет-сайт #Brand

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

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

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

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

Службы автономных веб-сайтов, протестировано

Переход к автономным службам

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

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

Посмотрите, как мы тестируем службы веб-хостинга

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

платформ электронной торговли, протестировано

Как создать веб-сайт электронной торговли

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

Рекомендовано нашими редакторами

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

Конструкторы веб-сайтов создают веб-сайты

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

Хотя лучшие из них предлагают удивительную гибкость, они также налагают достаточно жесткие ограничения на дизайн страниц, чтобы вы не смогли создать действительно плохо выглядящий сайт с помощью одной из этих служб. Обычно вы можете получить URL-адрес стиля Mysite.servicename.com без каких-либо коммерческих возможностей бесплатно с помощью одной из этих служб; вам придется доплачивать за лучший URL и возможность продавать. Одна проблема, которую следует учитывать, заключается в том, что если вы в конечном итоге перерастете одну из этих служб, может быть трудно экспортировать свой сайт на полномасштабный расширенный веб-хостинг, такой как Dreamhost или Hostgator.Если вы знаете, что в конечном итоге собираетесь, возможно, лучше пропустить этап создания сайта.

Ни один из них не выполняет работу лучше Wix, удостоенный награды Editors ‘Choice, хотя у Gator и GoDaddy есть очень интересные предложения. Он имеет интерфейс перетаскивания, и все элементы сайта настраиваются. Начать работу с Wix не стоит ни цента, но вы захотите перейти на премиум, начиная с 5 долларов в месяц за домен и до 25 долларов в месяц за неограниченную ежемесячную передачу данных и 20 ГБ хранилища.

Программное обеспечение для создания веб-сайтов, протестировано

Сделай сам: программа для создания веб-сайтов

В течение многих лет Adobe Dreamweaver был синонимом создания веб-страниц. Он прошел путь от создания HTML-страниц в интерфейсе WYSIWYG до возможности обрабатывать страницы программирования в Cold Fusion, JavaScript, PHP и других форматах. Его гибкий макет позволяет увидеть, как страницы выглядят в браузере и на экранах разных размеров — даже на смартфонах и планшетах. Это примерно столько кода, сколько вы хотите.

Dreamweaver доступен как часть службы подписки Adobe Creative Cloud. Вы можете получить автономную версию Dreamweaver CC за 31,49 долларов в месяц или как часть пакета Adobe All Apps, который включает Illustrator CC и Photoshop CC, по цене от 79,49 долларов в месяц.

Если вы используете Mac, есть и другой вариант: RapidWeaver. Этот редактор веб-страниц WYSIWYG имеет полный доступ к коду и поддержку FTP для загрузки страниц. Для начала есть множество встроенных шаблонов по единовременной цене 84 доллара.99. В Windows есть множество вариантов. Xara Web Designer, например, стоит от 49,99 долларов и обещает, что вам не нужно знать HTML или Javascript для создания сайтов на основе шаблонов компании.

Press Publish

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

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

9 советов по созданию лучшего веб-сайта

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

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

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

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

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

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

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

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