Доброго времени суток! В SEO среде часто ведутся разговоры о том, какая CMS лучше для продвижения/на чем быстро сделать сайт и т.д. Я решил написать статью об одном из лучших конструкторов для сайтов, как я к нему пришел и почему меня не пугает его стоимость. Моя задача, обратить ваше внимание на Webflow.

Примечание: в статье размещены партнерские ссылки

Что такое Webflow

Webflow – это гибкий конструктор веб-сайтов, который позволяет создавать свой собственный сайт без использования кода. Требуются знания HTML/CSS. Создатели Webflow позиционируют свой продукт, как альтернативу WordPress и другим CMS, где необходим кодинг.


Какие сайты можно создавать на Webflow

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

Каким сайтам использовать Webflow

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

Попробуйте WebFlow бесплатно

История перехода на Webflow

Мы в компании Develux долгое время использовали собственную CMS для наших сайтов, но это было очень больно, это была такая неповоротливая машина, труднопонимаемая, с кучей багов, а обычное изменения текста/title/дописывания ключа напоминало сценарий прохождения 10 кругов Ада. Я даже себе печатал инструкцию на А4, как что и за чем делать, чтобы ничего не сломалось. И все равно что-то ломалось. Думаю такая история близка многим.

Мы начали искать альтернативу. Я топил за WordPress, для это меня это была CMS номер 1 в мире, лучшего я не знал и знать не хотел, как же я был молод… Но наш СЕО сильно матерился при любом упоминании слов: WordPress, WP. Он утверждал, что не существует в мире и одного нормального и красивого сайта на WordPress. И собственно он и нашел Webflow. Я начал читать обзоры, смотреть видео, потом мы взяли пакет, я покрутил Webflow сам ручками, поломал пару шаблонов, с горем пополам перенес сайт на него, потом конечно дизайнер правил за мной.

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

Внимание, за месяц мы создали 8 полноценных сайтов, красивых, конвертящих и со всей SEO оптимизацией, где не надо “та там еще чуть доделать, там еще пара моментов и будет почти готово”  – нет, всегда есть куда расти, но это 100% готовые сайты к тому, чтобы на них приходили люди и покупали, заказывали все что мы предлагаем. По моему мнению, у нас самые крутые лендосы в нише, об этом говорит тот факт, что даже при НЧ трафике у нас огромный % конверсии, я был приятно удивлен.

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

WB vs WP

А параллельно, от процесса создания сайта на Webflow мы делали 1 сайт на WordPress, в итоге  мы его тоже перенесли на Webflow, потому что он очееееень далек от того, что нам надо, куча багов, вечные допилы, вечные ошибки. Нет времени идти на принцип, доказывать что WP тоже имеет шанс на жизнь. Хочется отметить, что работа по сайту на WP велась задолго до “прихода” Webflow и нифига толкового так и не сделали. И это не проблема разработчика, это просто WordPress.

Webflow SEO-Friendly

Вопрос, который меня волновал больше всего, подходит ли Вебфлоу для продвижения сайта? Первым на Webflow мы выкатили сайт поменьше, я об этом писал в своем канале SeoBAG

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

Что надо для SEO?

  • Title/Description
  • ЧПУ URL
  • Скорость загрузки
  • Атрибут canonical
  • Разместить контент
  • Настраивать 301 редиректы
  • Sitemap
  • Robots.txt
    И это все есть в Webflow

Webflow обзор изнутри

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

Расскажу про сам дизайнер Webflow, выглядит он следующим образом

Webflow обзор

Справа панель инструментов напоминает Photoshop, по сути это автоматизация HTML/CSS, вы можете добавлять, стилизовать и размещать элементы как вам надо, а система сама сгенерит нужный код и разметку. Интерфейс поначалу будет казаться сложным и не совсем интуитивным, но лучшего сейчас никто не предложил. Дизайнерам необходимо учить HTML/CSS, никому уже не надо чтобы им придумывали с нуля, Webflow предлагает огромное количество крутых готовых шаблонов с готовой структурой и элементами($40-$80), а если знания отличные то лучше не только придумать, но и сразу сделать, а не рисовать макет, курить над ним неделю, а потом думать как это заверстать.

Если хотите добавить что то, просто выбираете нужный вам элемент или секцию

WebFlow

Удобный навигатор по структуре страницы

WebFlow

Помимо автоматизации HTML/CSS, в Webflow можно автоматизировать Javascript: всплывающие подсказки, анимации и т.д.

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

Скорость сайтов на WebFlow

WebFlow PageSpeed

WebFlow

WebFlow Регистрация

CMS Webflow

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

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

Вы также можете подтягивать данные из страниц созданных в коллекции на ваши статические страницы.
Допустим, нам надо было вывести онлайн слоты на общей странице “Free Slots”, сами странички слотов были созданы в коллекции, а выводим мы их вот таким вот образом, вытягивая необходимые нам данные(картинку, название).

И самое главное – никаких плагинов!


Хостинг WebFlow

Разместить сайт на хостинге WebFlow очень легко и у него есть ряд преимуществ: встроенная CDN, основан на инфраструктуре облачных провайдеров Amazon и Cloudfront, быстро грузится, никогда не падает, встроенный SSL сертификат.

Webflow планы и тарифы для сайтов

То, что волнует многих. Стоимость и планы в Webflow действительно не из дешевых, но оно того стоит.

Стоимость, если на год:
Базовый план без CMS – $12/месяц
План с CMS, для большинства сайтов подходит – $16/месяц
Business план – $36/месяц
И есть тариф “Enterprise” – по сдельной цене

WebFlow стоимость

Отдельно тарифы для Ecommerce сайтов

Standard – $29/месяц
Plus – $74/месяц
Advanced – $212/месяц

Webflow

И это еще не все…

Тарифный план для аккаунта Webflow

Да, да, да, тут еще есть тарифный план для аккаунта. Например, если вы работаете с проектом 1 и у вас 1-2 сайта, то вам ничего не надо докупать, но если сайтов больше 2х, а вы хотите еще кого-то привлечь, то вам нужно будет платить за этого человека $35/месяц(если на год).

Чтобы было понятнее, вот структура цен и тарифных планов, либо вот тут на страничке 

Плюсы и минусы WebFlow

➕ Лучший на рынке профессиональный инструмент для создания красивых сайтов без умения кодить
Чистый код у сайтов, работают быстро
➕ Продвинутое управление HTML/CSS, творить можно что угодно
➕ Мощная CMS, поддерживает разные типы и форматы контента и страниц
➕ CDN, SSL
➕ Огромный выбор премиум шаблонов
➕ Возможность все сделать самим с нуля

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

WebFlow Регистрация

Полезные материалы

Обучение WebFlow и веб-дизайну – https://university.webflow.com/lesson

Полезный канал, как делать сайты на Webflow – https://www.youtube.com/channel/UCB8V5Vlcx492FTWxFwNJ8KA

Примеры сайтов на Webflow

  1. http://www.elevenplantsfordumdums.com/
  2. https://www.lysefjordenadventure.no/
  3. https://www.tlh-sierre.ch/
  4. https://www.traackr.com/
  5. https://www.memberstack.com/
  6. https://www.strala.com/ 

А вот тут можно посмотреть прикольные идеи – Popular Sites