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

Бесплатный онлайн конструктор сайтов от Wix — яркое пятно в мире серых аналогов из рунета

2 сентября, 2013

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Конструкторы сайтов появились уже давно и некоторые их них даже успели почить в бозе, как, например, Яндекс.Народ. который просуществовал более десяти лет и сейчас перешел под крыло Юкоза. Причем, наибольшую популярность получили именно онлайн версии, а не программы для домашнего компьютера.

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

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

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

Для кого подойдет этот конструктор сайтов и почему

Примечательно, что работая с этим онлайн конструктором вы вообще можете не иметь представления ни о Html, ни о CSS. При создании своего сайта на Joomla или Вордпрессе (это самые популярные бесплатные движки сайтов ) вы, конечно же, тоже можете использовать визуальный редактор, но в Wix это возводится на совершенно другой уровень. Здесь сбываются все мои мечты. которые я питал при изучении Джумлы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Платных тарифов несколько и они наглядно показаны на этом скриншоте.

Как видите, минимальный тариф сравним со стоимостью обычного виртуального хостинга (хорошего). Но правда на сайте при этом по-прежнему будет крутиться реклама от Wix, хотя уже появится возможность установить Гугл Аналитикс. Чтобы убрать рекламу. нужно будет перейти на один из трех оставшихся более дорогих тарифов.

Кстати, в качестве бонуса в этом случае вам дадут купон на 75$ для покупки рекламы в Google AdWords и купон на 50$ для заказа рекламы в Фейсбуке. Ну, и кроме этого дадут бесплатный домен, правда сроком только на один год, после чего его придется уже оплачивать из своего кармана, как я понял. Но все равно, достаточно приятный презент.

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

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

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

Меня это несколько озадачило и я решил потерзать чуток поддержку. В общем ответили, что:

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

Выбор шаблона и создание сайта в онлайн редакторе Wix

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

В большинстве буржуйских сервисов разработчики умеют пользоваться инструментами аналитики и знают как оптимизировать «воронку конверсии», и именно поэтому на Wix максимально простая форма регистрации, какая только может быть. Она появится во всплывающем окне после нажатия вами на кнопку «Логин/Регистрация» в верхнем правом углу главной страницы .

Правда ее легко спутать с формой входа в конструктор (у меня так и получилось). Но не суть, вас автоматические авторизует на сайте после регистрации и система даст вам странное имя, на вроде моего — a36671. Что примечательно, именно оно будет стоять в начале домена (при использовании бесплатного аккаунта):

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

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

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

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

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

Вот. Редактор довольно прост и все его элементы управления сосредоточены в левой колонке и верхнем поле. Начнем с первой иконки левой колонки «Страницы» .

Принцип работы этого онлайн

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

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

Ну, и в этом видео девушка довольно наглядно все это демонстрирует (лучше один раз увидеть):

Менять порядок страниц можно простым перетаскиванием их мышью вверх или вниз (это нужно для изменения их расположения в меню). Чтобы создать копию уже полностью настроенной вами вебстраницы достаточно нажать на ссылку «Дублировать», а чтобы поработать над ее дизайном — на кнопки показанные на скриншоте:

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

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

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

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

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

Ну, а вкладка «Шрифты» позволит задать гарнитуру для всего сайта.

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

Какие элементы позволяет добавить на сайт конструктор Wix

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

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

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

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

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

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

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

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

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

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

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

  • Медиа — тут вам помогут вставить на сайта видео ролики с Ютуба или аудиодорожку с какого-то там неизвестного мне сервиса. Все очень просто, во всяком случае для вставки ролика с трубы достаточной будет указать его Урл и поставить несколько довольно очевидных галочек.

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

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

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

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

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

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

    Создание списков — ну, это не совсем списки в Html понимании, но подобные вещи вы часто видите на разных сайтах:

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

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

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

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

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

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

    Сохранение, публикация и настройки сайтов созданных в Wix

    Теперь давайте посмотрим, что находится на верхней панели конструктора Wix .

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

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

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

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

    Теперь давайте выйдем из редактора и зайдем на главную страницу Wix. после чего перейдем по вкладке «Мой аккаунт» из верхнего меню.

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

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

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

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

    Источник: ktonanovenkogo.ru

    Категория: Онлайн-шоппинг

    Похожие статьи: