Создание русскоязычного сайта на Squarespace: Отзыв о конструкторе

 
О чем следует знать, прежде чем создавать русскоязычный сайт на Squarespace?
Домашняя страница  Squarespace

Домашняя страница Squarespace


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

Сайт я создала в конце 2017 года и отзыв делаю о Squarespace того же периода.

 

 

Сейчас на рынке есть множество конструкторов сайтов — у всех свои плюсы и минусы, своя стоимость. Среди англоязычных, самые популярные — это Wix, Squarespace, Weebly и Jimdo. Сравнительную таблицу их условий и цен можно посмотреть здесь. Русскоязычная аудитория отдает предпочтение Wix, Tilda, Nethouse, Umi, Redham. Описание этих сервисов вы найдете здесь.

 

Когда я ступила на тернистую тропу выбора конструктора, у меня на слуху были Wix и широко разрекламированный инфлюенсерами YouTube Squarespace: основатели многих англоязычных каналов предлагали скидку 10% на первую подписку Squarespace с использованием их промокода. Позднее Wix также стал активно рекламироваться на YouTube, но первым я узнала именно о Squarespace.

 

Главное меню конструктора  Squarespace , где  Pages  открывает вам страницы вашего сайта,  Design  позволяет менять внешний вид сайта,  Commerce  открывает меню торговли,  Analytics  показывает трафик и конверсию сайта,  Settings  меняет настройки сайта и  Help  открывает страницу помощи

Главное меню конструктора Squarespace, где Pages открывает вам страницы вашего сайта, Design позволяет менять внешний вид сайта, Commerce открывает меню торговли, Analytics показывает трафик и конверсию сайта, Settings меняет настройки сайта и Help открывает страницу помощи

 

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

 

Меню  Аналитика  позволяет увидеть характеристики трафика на сайте и отслеживать конверсию

Меню Аналитика позволяет увидеть характеристики трафика на сайте и отслеживать конверсию

 
Меню  Торговля  показывает ваши заказы, инвентарь, клиентов и скидки

Меню Торговля показывает ваши заказы, инвентарь, клиентов и скидки

 

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

 

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

 

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

 

Меню Дизайн. Здесь, помимо прочего, вы меняете внешний вид сайта в  Style Editor  и вставляете ваши коды в  Custom CSS

Меню Дизайн. Здесь, помимо прочего, вы меняете внешний вид сайта в Style Editor и вставляете ваши коды в Custom CSS

 

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

 

Ограничения в кастомизации выбранного мною шаблона меня все же не остановили. Я самостоятельно писала html и css коды для сайта, дабы приблизить его к задумке. Не бойтесь! Как я говорила выше, кодить я не умею, но на сайте W3Schools можно найти заготовочки кодов интересующих элементов дизайна и подпилить их под себя. Я коды переписывала и миксовала, делала новые элементы дизайна адаптивными и вставляла их в хэдеры, футер и тело сайта без проблем — для этого в Squarespace есть все необходимое.

 

Далее. В шаблонах Squarespace есть элементы, которые нельзя перевести на русский язык. Для их перевода нужны будут дополнительные плагины. Данный факт я открыла уже в процессе создания сайта и очень огорчилась (не знаю, на что я рассчитывала:)). Не переводится, например, бокс комментов, элементы блога — заголовки типа All Posts, когда фильтруешь посты по категориям, Next Page, Previous Page и другие, — слово Sending…, когда нажимаешь на кнопки в формах, чтобы отправить сообщение.

 

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

Общие

  • Email

  • Facebook

  • Google+

  • LinkedIn

  • Medium

  • Pinterest

  • Tumblr

  • Twitter

  • Reddit

  • StumbleUpon

  • Houzz

  • ChowNow

  • Snapchat

  • IMDb

  • Goodreads

  • Stitcher

 

Картинки

  • 500px

  • Behance

  • Dribbble

  • Dropbox

  • Flickr

  • Instagram

  • SmugMug

  • VSCO

 

Видео

  • Twitch

  • Vevo

  • Vimeo

  • Vine

  • YouTube

 

Музыка

  • Apple Podcasts

  • Bandsintown

  • Google Play

  • iTunes Store

  • SoundCloud

  • Spotify

  • TIDAL

 

Локации

  • Foursquare Swarm

  • Meetup

  • Yelp

 

Код

  • CodePen

  • GitHub

 

Пару слов о великой и могучей оптимизации под поисковые системы в Squarespace.

 

Чтобы сайт вышел в топ в поисковиках и не затерялся на просторах интернета, его содержание, как минимум, должно быть понятно индексирующим ботам Яндекс, Google и так далее (а как максимум, быть ультра интересным, чтобы люди с радостью посещали ваш сайт и расшаривали его контент). Какие шаги нужно предпринять для оптимизации сайта? Интернет-агентство TexTerra написало развернутую статью на данную тему. Однако, непрофессионалу такие манипуляции дадутся ОЧЕНЬ непросто.

 

К счастью, в Squarespace уже встроена оптимизация под поисковики (SEO). Что в нее входит, можно посмотреть здесь. Вам необходимо будет следовать рекомендациям Squarespace, дабы успешно оптимизировать свой сайт. Для лучших результатов, можно также следовать советам упомянутой выше статьи от TexTerra, например, мануально добавить счетчики от Яндекс.Метрика и Google Analytics в хэдеры сайта через Settings → Website: Advanced → Code Injection для отслеживания трафика.

 

Меню настроек сайта

Меню настроек сайта

 

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

 

На созданном мною сайте были выявлены следующие проблемы. Для начала, на IP адресе моего сайта находилось несколько других сайтов, что снижало скорость работы сайта, если на других было много трафика. Количество страниц сайта, находящихся в индексе Google и Яндекс, различалось, что также свидетельствовало о плохой оптимизации. Title и Description повторялись на нескольких страниц — это, конечно, моя ошибка как человека SEO-несведущего; следите, чтоб Названия и Описания каждой вашей страницы были уникальными. Также на самих страницах всегда пишите заголовки, релевантные тексту и содержащие ключевые запросы, по которым будет продвигаться страница, и убедитесь, что ваши заголовки H1, H2, H3 находятся в правильной иерархии друг под другом.

 

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

 

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

 

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

 

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

 

 

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

 

Если у вас есть вопросы по Squarespace или нужна моральная поддержка — бомбите соцсети, и я примчусь на помощь!

 

24 not 7 art qbed
Галерея

2D услада + коллекция 3D и аддитивного арта в разработке

dictionary qbed
Словарь

Термины 3D моделирования и аддитивного производства