Конструктор сайтов Wix.com — функционально, креативно, но совершенно бесплатно

11 Февраль, 2016

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

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

Функционально, креативно, но совершенно бесплатно

Ну, а в этой статье я как раз и планирую описать один из таких серьезных подходов, который, тем не менее, не требует серьезной подготовки — просто взяли и сделали сайт с приставкой «Вау!». Не может быть? Давайте посмотрим.

Как же создать собственный сайт?


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

  1. Безусловно, можно написать html код и прикрепить таблицы стилей css, освоить php и javascript. Если это статичный сайт-визитка, то можно потратить время на его написание вручную. Опять же, макет сайта рисовать придется самому, а для этого нужны задатки дизайнера или по крайней мере чувство меры и вкуса, совпадающие с мнением большинства жителей сети. В общем, тут одного желания зачастую бывает недостаточно — надобно и умение.

    К тому же, в случае необходимости создать динамичный сайт, регулярно наполняемый информацией и поддерживающий дополнительные сервисы, ручной способ займет слишком много времени и требует профессионализма. Кроме того, для внесения любых изменений придется искать в бесчисленных строках кода именно ту, которая отвечает за отображение конкретной информации и заново переписывать ее. То бишь фактически придется свой движок писать и, что не мало важно, заботиться о его защите от взломов.
  2. Для облегчения создания и администрирования сайтов представлены многочисленные системы управления контентом (ЦМС-ки), которые значительно ускоряют процесс создания сайта и упрощают процесс администрирования. Самая популярная CMS Joomla, которую я активно использовал в свое время, на самом деле не так уж и проста.

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

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

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

С помощью Викса даже тем, кому «дизайнерский» медведь на ухо наступил, удается создавать яркие, неординарные сайты, которые с первого взгляда привлекают посетителей (это главная фишка данного конструктора). Еще одним плюсом является интуитивно понятный интерфейс конструктора, возможность перемещения элементов прямо в окне редактирования, а также простота работы с текстами.

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

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

Далее я подробно познакомлю вас с современной инкарнацией Викса и поделюсь своим опытом его использования.

Первые шаги на Wix


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

Вход в Wix

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

Регистрация в Викс

Вот здесь есть нюанс, о котором я расскажу. Дело в том, что на бесплатной основе Викс предоставляет только домены третьего уровня. Адрес будущего сайта будет выглядеть таким образом: адрес электронной почты.wix.com/название сайта. Так что если вы обладаете длинным емейлом, то и адрес сайта получится трудным для запоминания.

Изменить адрес после регистрации получится только посредством платных услуг, открывающих доступ к домену второго уровня. Советую создать новую электронную почту с лаконичным адресом, соответствующим тематике будущего сайта, именно ее и используйте в регистрации. Например, ваша почта vasya@gmail.com, тогда адрес нового сайта будет vasya.wix.com/название сайта. А вот с названием сайта нет никаких сложностей — его можно задать самостоятельно в процессе редактирования.

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

Шаблоны в Виксе

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

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

Создание сайта

Работа с текстом и картинками

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

Редактирование текста в Wix

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

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

Панель масштабирования в редакторе Wix

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

Боковое меню редактора Викс

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

Боковое меню

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

Настройка фона в редакторе Викса

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

Видеоролик в качестве фона для сайта

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

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

Какие элементы можно добавить на сайте в редакторе Викса

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

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

Создание и добавление новых страниц в Wix на свой сайт

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

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

Создание интернет-магазина в Wix

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

Создание и редактирование карточки товар в Викс

Хотите установить на сайт разнообразные полезные приложения? Пожалуйста, к вашим услугам wix app market, в котором есть платные и бесплатные приложения на любой вкус. Виджеты соцсетей, календари, форумы, различные кнопки, сервисы бронирования и многое другое — все к вашим услугам!

Вставка виджетов на сайт через редактор Викса

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

Модуль загрузок

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

Загрузка множества фотографий на свой сайт в редакторе викса

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

Для любителей делиться своими мыслями с общественностью Wix приготовил сюрприз. У пользователей этой платформы теперь нет необходимости заводить блоги на сторонних ресурсах, теперь можно писать прямо у себя на сайте! Стоит лишь активировать блог в настройках и шаблон тут же появится на сайте.

Блог на Виксе

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

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

Сохранение изменений в редакторе

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

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

Инструменты продвижения сайта


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

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

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

Исходный код сайта созданного на Wix

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

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

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

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

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

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

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

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

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

Платные сервисы wix

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

Расценки на платные услуги в Виксе

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

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

Новый конструктор

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

Старый редактор

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

Сайт готов!

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

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

Для создания нового сайта не обязательно создавать другую учетную запись, можно добавить сайт с другим именем в уже имеющуюся. Правда, адреса у них будут отличаться только последним словом, например, vasya.wix.com/site1 и vasya.wix.com/site2.

Ну вот, я вам вкратце и рассказал свои впечатления от редактора wix. В качестве итога перечислю основные преимущества, которые я нашел в этом конструкторе:

  1. • интуитивно понятный интерфейс;
  2. • множество интересных шаблонов;
  3. • возможность редактирования и перемещения элементов на странице в один клик;
  4. • отсутствие необходимости прописывать изменения в коде;
  5. • большой выбор встраиваемых приложений;
  6. • наличие инструментов для сео-продвижения;
  7. • возможность добавления онлайн-магазина;
  8. • наличие приложения для рассылки;
  9. • возможность установки видео в качестве фона;
  10. • моментальное воплощение в реальность практически любой дизайнерской задумки.

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

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

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Подборки по теме:

Комментарии и отзывы

Валерий

Здравствуйте, Дмитрий! Как и обещал вчера, подписался на Ваш блог и теперь буду вашим постоянным читателем и комментатором! Замечательный материал. Все понятно, доступно объяснили и показали. Но мне кажется в тем же WP намного удобнее работать, чем с конструкторами. Ну это мое мнение, может я просто старых взглядов человек? А вообще спасибо, все понравилось!

Evil Babayka

25 баксов в месяц за размещение домена второго уровня это негуманно

Проще Artisteer купить и размещать где хочешь

Dmitry

Здравствуйте, Дмитрий!

Пожалуйста, подскажите, можно ли в WIX убрать зеркало и Index — файл? Если да, то как? А если нельзя, то как узнать страницу на которую нужно ссылаться, чтобы не потерять ТИЦ и PageRank?

С уважением,

Дмитрий

Копкин

На каком хостинге сделан ЭТОТ сайт?

Светлана

Дополнения к статье. Магазин можно сделать, только работать он будет на екоммерц тарифе, нет в новом редакторе кнопки сохранить там иконка дискеты. Обзор и статьи по конструктору wix http://www.sozdat-svoi-sait-besplatno.ru

Роман

Wix может пригодиться только тем, кто хочет поразвлекаться делая макет сайта.

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

Подписаться не комментируя