О Диша Шарма
Disha Sharma - коммерческий писатель, занимающийся маркетингом. Она пишет о SEO, электронной почте и контент-маркетинге, а также о лидерстве.
Squarespace является одним из фантастических разработчики сайтов. Это идеально, если вы используете для своего веб-сайта, не беспокоясь о проблемах с настройкой и обслуживанием CMS, таких как WordPress.
Вы будете удивлены тем, как быстро и легко можно создать великолепный веб-сайт, используя только доменное имя и подписка Squarespace.
В этом руководстве Squarespace для начинающих мы рассмотрим точные шаги, которые необходимо предпринять для создания и запустите свой первый сайт.
Мы рассмотрим следующие компоненты Squarespace:
Как только вы разберетесь с этими компонентами, вы сможете создать любой веб-сайт, используя эту платформу.
Прежде чем вы начнете использовать Squarespace для создания своего сайта, вам понадобится несколько вещей:
В качестве одного из шагов по настройке нашего веб-сайта мы собираемся связать ваше доменное имя с вашей учетной записью Squarespace.
Итак, вам понадобится доменное имя. Если вы еще не приобрели доменное имя, приобретите его сейчас.
Вы также можете купить его в Squarespace, но я не буду рекомендовать это.
Перенос домена между хостинг-провайдерами или разработчики сайтов или CMS всегда проще, когда домен зарегистрирован на сторонний регистратор доменов.
NameCheap - это отличная служба регистрации доменных имен, обеспечивающая конкурентоспособные цены и отличный сервис. Проверьте это, чтобы купить доменное имя для своего сайта Squarespace.
Примечание. Если вам нужна помощь в регистрация доменного имени для вашего сайта эти генераторы доменных имен может помочь.
Знание структуры навигации вашего сайта (или его пунктов главного меню) до начала его создания ускоряет процесс. Так что возьмите бумагу и нарисуйте, как будет выглядеть меню вашего сайта. Это упражнение поможет завершить работу над различными страницами, которые вы добавите на свой сайт.
Например, вы можете добавить на свой сайт некоторые из следующих страниц:
Последнее, что вам понадобится, прежде чем вы начнете создавать свой сайт, - это контент. Так что напишите черновики всех страниц, которые вы собираетесь добавить.
Кроме того, скопируйте все изображения (или видео), которые вам понадобятся для создания веб-сайта Squarespace. Если тебе надо стоковые изображения, устроить и их тоже. Правильные изображения могут иметь огромное влияние по конверсиям.
Когда весь контент и медиа будут под рукой, понадобится много времени.
А теперь приступим к созданию сайта.
(Если вы уже подписались на пробную версию Squarespace, перейдите к первой части руководства.)
Все планы Squarespace начинаются с бесплатной пробной версии. Чтобы подписаться на бесплатную пробную версию, посетите Squarespace и выберите вариант 'СОЗДАТЬ САЙТ":
Далее выбираем шаблон.
Чтобы упростить этот шаг, Squarespace группирует свои темы по следующим категориям:
Вот несколько дизайнов, которые вы можете найти в темах Squarespace. Щелкните следующие эскизы для более четкого просмотра.
Для этого пошагового руководства я настроил его, используя свою учетную запись Squarespace.
Я выбираю бизнес-категорию и выбираю шаблон Montauk.
После того, как вы выберете шаблон, Squarespace покажет вам короткую форму регистрации:
После завершения регистрации вы будете перенаправлены на четырехэтапный процесс персонализации контента сайта Squarespace.
После заполнения анкеты по персонализации содержания сайта я вижу следующий экран.
Как вы можете видеть на скриншоте слева, есть панель с различными настройками дизайна и предпочтениями. А справа - превью моего сайта.
В настройках дизайна Squarespace есть 10 элементов:
Давайте подробно рассмотрим каждый из этих элементов.
Мы уже дали нашему сайту имя, поэтому на этом этапе я добавлю слоган. Давайте установим слоган на 'Ресурс для начинающих Squarespace.
Как только я нажимаю на кнопку, я попадаю в инструмент создания логотипов Squarespace.
Этот инструмент для создания логотипов позволяет:
В целом инструмент для создания логотипов Squarespace довольно интуитивно понятен. Он имеет различные элементы дизайна или значки на панели с левой стороны.
Когда я искал ключевое слово 'интернет сайт', У меня много отличных иконок. Я выбрал тот, который вы видите справа, и сделал графический логотип.
Я попытался загрузить версию логотипа с высоким разрешением, но редактор предложил мне зарегистрировать учетную запись Squarespace, чтобы иметь возможность сделать это.
Но, тем не менее, здесь можно скачать версию с низким разрешением. Пока этого достаточно.
Как только пробная версия Squarespace закончится и вы перейдете на премиум-план, вы сможете без проблем загрузить версию с высоким разрешением. Когда вы получите файл с высоким разрешением, вы можете загрузить его на свой сайт Squarespace.
Следующие два параметра в этом элементе дизайна - это установка значка и логотипа социального обмена. Если они у вас есть, отлично. В противном случае перейдите к следующей настройке.
Чтобы сохранить изменения, которые вы внесли на данный момент, нажмите кнопку "СПАСТИ' кнопку в верхней части панели.
Примечание. Если вы хотите создать отличный значок для своего веб-сайта, вот список бесплатных генератор значков вы можете посмотреть.
Игровой автомат 'ШаблонВ разделе показаны все шаблоны, загруженные на сайт Squarespace.
Прямо сейчас, как видите, мой список шаблонов включает только шаблон Montauk потому что это шаблон, с которым я подписался при настройке пробной версии.
Если вас устраивает выбранный вами шаблон, переходите к следующему шагу. Или вы можете загрузить больше шаблонов.
Функции
Если вы видите понравившийся шаблон Squarespace и задаетесь вопросом, какую тему он использует, вот как это узнать:
Используемый мной шаблон Montauk имеет идентификатор шаблона: 50521cf884aeb45fa5cfdb80. Попробуй себя.
Найдя идентификатор шаблона, вы можете обратиться к Семейство шаблонов Squarespace чтобы перейти на официальный демонстрационный сайт Squarespace.
Игровой автомат Редактор стилей используется для настройки параметров шаблона, таких как его шрифты, цвет заголовка, положение логотипа, содержимое нижнего колонтитула и многое другое.
Каждый шаблон предлагает различные варианты настройки в Редактор стилей.
Но поскольку все шаблоны Squarespace разработаны до совершенства, я бы рекомендовал держаться подальше от этого раздела, если, конечно, вы не дизайнер!
Игровой автомат Редактор стилей страницы оформления заказа помогает в настройке параметров страницы оформления заказа. Этот параметр в основном полезен для сайтов Squarespace, на которых есть магазины или являются веб-сайтами магазинов.
Squarespace позволяет блокировать страницы паролями. На всех таких страницах не отображается содержимое, а отображается экран блокировки.
Если вы не настраиваете Блокировка экрана вообще, вот как это будет выглядеть.
Игровой автомат Панель объявлений позволяет добавить липкое уведомление вверху вашего сайта. Это отличная возможность привлечь внимание читателей к важному контенту.
Как только вы включите Панель объявлений, вы можете добавить свое сообщение и ссылку, по которой пользователи должны перейти.
Как видно на скриншоте выше, ссылку можно открыть в новом окне.
Как следует из названия, Мобильная информационная панель отображается перед мобильными пользователями и может использоваться для отображения вашей электронной почты, номера телефона, местоположения и рабочего времени.
Squarespace получает эту информацию из своего 'Деловая информация' раздел, который мы увидим позже.
Squarespace добавляет свой брендинг (значок) на все сайты, созданные с его помощью.
Игровой автомат Значок Squarespace Параметры позволяют включать или отключать значок Squarespace, настраивать его положение и точно настраивать параметры отображения.
Если вы хотите настроить свой шаблон помимо шрифта, цветов и других параметров настройки по умолчанию, вам придется воспользоваться помощью Пользовательские CSS.
Помните, что добавление Пользовательские CSS может нарушить дизайн шаблона - не рекомендуется.
Игровой автомат Дополнительно опция позволяет добавить больше шрифтов из Typekit на ваш сайт Squarespace. В Дополнительно settings также имеют расширенные настройки шаблона.
Итак, на этом завершается дизайн вашего сайта Squarespace.
Далее мы рассмотрим страницы Squarespace и то, как вы можете использовать их для загрузки контента на свой недавно разработанный сайт.
После того, как вы выбрали шаблон, настроили его и добавили заголовок и логотип вашего сайта, пора начинать добавлять контент.
Начнем с главного меню.
Когда вы впервые обращаетесь к настройкам страниц, вы заметите, что 'ВЕРХНЯЯ НАВИГАЦИЯ ' показывает пункты меню из демонстрации.
А пока я бы хотел, чтобы вы просто забыли о страницах из демонстрации и начали добавлять свои собственные страницы.
Для каждой страницы, которая обычно нужна сайту, Squarespace предоставляет готовые шаблоны.
Например, для таких страниц, как «О нас», «Функции», «Магазин», «Контакты» и т. Д. У вас уже есть готовые макеты страниц, которые вы можете просто загрузить на свой сайт.
Давайте посмотрим, как можно добавить страницу в готовый шаблон.
Как вы можете видеть на следующем снимке экрана, есть два знака «+», на которые вы можете нажать, чтобы добавить страницу на свой сайт.
Когда вы нажимаете на первый вариант, вы не просто добавляете страницу, но также добавляете ее в главное меню своего веб-сайта.
И когда вы нажимаете на второй вариант, вы просто добавляете страницу.
Я предлагаю вам начать добавление страницы со вторым вариантом. После того, как вы закончите создание страниц, удалите все демонстрационные страницы и перетащите все свои только что сгенерированные страницы и поместите их под ТОП НАВИГАЦИЯ.
Давайте добавим страницу «О нас». Как только вы нажмете на элемент 'Страница ', вы увидите следующие параметры на панели слева:
Как только я нажимаю "НАЧАТЬ РЕДАКТИРОВАНИЕ ', выбранный макет страницы "Обо мне" загружается в редактор страниц Squarespace. Чтобы отредактировать элементы страницы, наведите указатель мыши на верхнюю часть страницы (которая находится прямо под навигацией), и вы увидите, что открылась следующая панель параметров:
Нажмите на 'РЕДАКТИРОВАТЬ'.
На этом этапе вы можете либо начать редактирование содержимого страницы, либо нажать на значок «+'подпишите вверху страницы, чтобы добавить к ней дополнительные элементы дизайна.
После добавления элемента на свой сайт его положение легко изменить с помощью простого перетаскивания.
Примечание:
Если вы настроите макеты по умолчанию и добавите различные элементы, включая элемент распорки, иногда ваш мобильный предварительный просмотр может выглядеть забавно - более того, интервал между различными элементами может выглядеть немного необычным.
(Хотя макеты по умолчанию отображаются красиво.)
Добавление других страниц аналогично добавлению страницы «О нас».
На данный момент лучше всего использовать макеты по умолчанию, если вы хотите, чтобы сайт заработал очень быстро.
В конце этого шага все страницы вашего сайта должны быть готовы к перемещению в главное меню.
Но прежде чем сделать ход, удалите демонстрационные страницы.
Затем перетащите свои недавно созданные страницы в папку 'ВЕРХНЯЯ НАВИГАЦИЯ '.
После того, как вы очистили навигацию, пришло время работать со страницами.
Чтобы добавить контент (или настроить дизайн страницы), просто щелкните имя страницы.
После того, как вы нажмете, загрузится редактор страницы, и вы сможете заменить содержимое шаблона содержимым, написанным на этапах подготовки.
Настройки страницы высокого уровня могут помочь с:
Чтобы внести изменения на более высоком уровне на страницу или удалить ее, щелкните значок настроек рядом с названием страницы.
Кроме того, чтобы установить страницу в качестве домашней, вам необходимо открыть эти настройки для выбранной страницы и выбрать 'СОХРАНИТЬ КАК СТАРТОВУЮ СТРАНИЦУ' опцию.
Хотя вы можете добавить блог как простую страницу в Squarespace, вам может потребоваться выполнить для него несколько дополнительных настроек.
Чтобы добавить сообщение, щелкните значок «+» в параметрах пункта меню блога.
Редактор сообщений довольно интуитивно понятен.
Внизу вы увидите настройки для добавления категории и тегов к вашему сообщению.
Игровой автомат Доступные опции настройки позволяют:
Надеюсь, что с указанным выше разделом у вас будет готовый великолепно выглядящий веб-сайт с вашим контентом и даже блог.
Давайте теперь посмотрим на настройки Squarespace.
Использовать настройки Squarespace очень просто. Они сгруппированы в 3 категории:
Из них 'Общее' Категория позволяет добавлять бизнес-информацию, такую как название вашей компании, адрес, налоговый идентификатор и т. д.
ИТорговля ' настройки актуальны для тех, кто хочет запустить интернет-магазин или добавить магазин на свой сайт.
Из этих категорийИнтернет сайт' Категория - это та, о которой я хотел бы поговорить.
'Интернет сайт' настройки включают:
Вот и все.
Если вы следовали инструкциям этого руководства, к настоящему времени ваш первый функциональный (если не идеальный) веб-сайт Squarespace должен быть готов.
Когда вы запускаете новый веб-сайт, ваша первая задача - проиндексировать его в Google.
Чтобы ускорить процесс индексации, вы должны отправить его карту сайта в Google Search Console.
Карту сайта веб-сайта Squarespace можно найти по адресу:
http://www.yourdomain.com/sitemap.xml
Скопируйте URL-адрес карты сайта своего сайта и отправьте его через Поиск Консоль.
Создание веб-сайта Squarespace, его настройка и доведение до совершенства не займет у вас больше недели. Когда вы закончите, вам не нужно беспокоиться об обновлениях, взломе, хостинге или о чем-то еще; Squarespace будет управлять вашим сайтом за вас.
Я надеюсь, что это руководство поможет вам создать приблизительную версию вашего первого сайта Squarespace менее чем за 10 часов (с учетом времени для покупки домена и прочего).
Примечание. Если вы ищете альтернативные платформы, вот список платформы для создания собственного веб-сайта.