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


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

Обзор подготовлен при поддержке конструктора сайтов Wix.

Главное о конструкторе сайтов Wix

Сейчас у платформы Wix насчитывается более 39 млн пользователей. Конструктор основан целиком на работе визуального редактора в браузере — без необходимости писать хотя бы одну строчку кода. Готовый сайт нормально взаимодействует с поисковиками (по крайней мере, так говорят разработчики).

Отличительная особенность — применение возможностей столь популярного сегодня HTML5 для вашего нового сайта. Wix — один из ведущих конструкторов сайтов с технологией drag-and-drop, в котором предложена функциональность использования HTML5.

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

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

А чтобы вдохновить новичков, которые только пришли на платформу и собираются создать свой первый сайт, команда проекта регулярно публикует новые красивые и оригинальные сайты, которые уже созданы при помощи Wix. Причем в эту рубрику может попасть практически любой оригинальный сайт: достаточно отправить заявку в рубрику «Сайт дня» по адресу [email protected]

Как это работает

Но всё на словах всегда красиво; что же на самом деле, можно узнать, лишь попробовав сервис в деле. Так что я решил создать небольшой персональный сайт с помощью Wix и показать читателям ИШ, что из этого получится.

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

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

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

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

Для тех, кто хочет познакомиться с работой редактора более подробно, команда Wix записала небольшое обучающее видео.

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

Кроме того, здесь в меню слева есть раздел Wix App Market. Это магазин виджетов, плагинов и приложений, которые можно подключить к своему будущему сайту. В каталоге есть и бесплатные и платные версии приложений для сайта. Причём если хорошо покопаться и потратить сравнительно небольшую сумму денег, то можно собрать на основе Wix полноценный интернет-магазин, с инструментами приёма платежей, обработки заказов, формами контактов, системами комментирования — одним словом, простор для фантазии обеспечен богатым набором инструментов. А уж если виджет, плагин или веб-приложение покажутся вам полезными и необходимыми, то их полноценно работающую версию можно будет приобрести и автоматически подключить к своему новому сайту.

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

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

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

Ну вот, все необходимые настройки активированы, правки внесены, — можно и публиковать.

О новой вашей страничке можно (и нужно) рассказать своим друзьям и знакомым при помощи Facebook и Twitter.

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

Платное и бесплатное

«Неужели всё это бесплатно?» — спросите вы. Практически всё. Подвоха здесь нет, но есть несколько обязательных условий и дополнительных способов заработка для создателей платформы Wix.

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

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

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

Кроме того, новый сайт на Wix можно монетизировать, став участником партнерской программы (и получать до 80 долларов с каждой продажи другим новым клиентам конструктора сайтов). Кстати, стать партнерами этого проекта могут и те, у кого нет сайта на платформе Wix.

Подведём итоги

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

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

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

Попробовать Wix в действии

internetno.net

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

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

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

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

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

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

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

  1. Безусловно, можно написать html код и прикрепить таблицы стилей css, освоить php и javascript. Если это статичный сайт-визитка, то можно потратить время на его написание вручную. Опять же, макет сайта рисовать придется самому, а для этого нужны задатки дизайнера или по крайней мере чувство меры и вкуса, совпадающие с мнением большинства жителей сети. В общем, тут одного желания зачастую бывает недостаточно — надобно и умение.К тому же, в случае необходимости создать динамичный сайт, регулярно наполняемый информацией и поддерживающий дополнительные сервисы, ручной способ займет слишком много времени и требует профессионализма. Кроме того, для внесения любых изменений придется искать в бесчисленных строках кода именно ту, которая отвечает за отображение конкретной информации и заново переписывать ее. То бишь фактически придется свой движок писать и, что не мало важно, заботиться о его защите от взломов.
  2. Для облегчения создания и администрирования сайтов представлены многочисленные системы управления контентом (ЦМС-ки), которые значительно ускоряют процесс создания сайта и упрощают процесс администрирования. Самая популярная CMS Joomla, которую я активно использовал в свое время, на самом деле не так уж и проста. Многие изменения можно вносить только посредством изменения кода. Если сайт небольшой, то это не так уж и сложно для человека с элементарными познаниями в Web-программировании, а вот с большим многофункциональным сайтом приходилось долго ломать голову, поскольку не всегда удавалось сразу найти нужную строчку кода. Нет, конечно же, можно и попроще движки использовать (типа WordPress) для создания сайтов «попроще», но в WordPress тоже своих заморочек хватает и далеко не все можно будет сделать из админки
  3. Самый «чумовой» способ создания сайтов и управления их содержимым для новичков — это, конечно же, конструкторы сайтов. Их во всемирной сети бесчисленное множество. Они различаются между собой перечнем бесплатных сервисов, возможностями редактирования, объемом бесплатного места, отведенного под сайт, удобством использования. На сегодняшний день это весьма популярное решение, которое позволяет без вложений средств стать владельцем собственного уголка в интернете.

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

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

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

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

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

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

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

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

Вход в WixВход в Wix

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

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

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

Подобрать подходящее доменное имя можно, например, на рег.ру (можете вводить предполагаемое имя домена прямо в приведенную ниже форму):

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Боковое менюБоковое меню

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Блог на ВиксеБлог на Виксе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рубрика: Как создать сайт

ktonanovenkogo.ru

Викс — бесплатный онлайн конструктор сайтов

Здравствуйте, уважаемые читатели блога 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 ваш сайт будет жить на домене третьего уровня вида:

http://vasy_pupkin.wix.com/название-сайта

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

http://vasy_pupkin.ru

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

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

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

Тарифы в Виксе

Тарифы в Виксе

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

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

Бонусы в Викс

Бонусы в Викс

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

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

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

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

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

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

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

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

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

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

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

http:/a36671.wix.com/vasy

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

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

Создание сайта в онлайн конструкторе

Создание сайта в онлайн конструкторе

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

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

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

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

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

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

Создание страницы сайта в онлайн конструкторе

Создание страницы сайта в онлайн конструкторе

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

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

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

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

Дублирование страниц в Виксе

Дублирование страниц в Виксе

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

Настройка сквозных элементов на сайте

Настройка сквозных элементов на сайте

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

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

Задаем фон для сайта в Викс

Задаем фон для сайта в Викс

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

настройка цветов

настройка цветов

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

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

Выбираем шрифты для сайта в онлайн конструкторе

Выбираем шрифты для сайта в онлайн конструкторе

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

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

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

Конструктор сайтов

Конструктор сайтов

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

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

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

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

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

    Вставляем фото в Виксе

    Вставляем фото в Виксе

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

    Работа с графикой для сайта

    Работа с графикой для сайта

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

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

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

    Создаем в Виксе галерею для сайта

    Создаем в Виксе галерею для сайта

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

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

    Вставляем видео

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

    Кнопки социальных сетей в Wix

    Кнопки социальных сетей в Wix

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

    Соцсети

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

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

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

    Гугл карты в Wix

    Гугл карты в Wix

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

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

    Создание списков в конструкторе

    Создание списков в конструкторе

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

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

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

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

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

Wix Apps Market

Wix Apps Market

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

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

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

Возможности Викса

Возможности Викса

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

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

Предпросмотр сайта

Предпросмотр сайта

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

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

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

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

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

Ваш аккаунт в Виксе

Ваш аккаунт в Виксе

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

Онлайн конструктор сайтов

Онлайн конструктор сайтов

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

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

Так же рекомендую ознакомиться со статье: Свежие обновления от крупнейшего онлайн-конструктора Викс

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

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

Рубрика: Тестируем онлайн-сервисы

ktonanovenkogo.ru

Wix.com - простой бесплатный конструктор сайтов

сервис Wix.com

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

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

конструктор сайтов Wix.com

конструктор сайтов Wix.com

Сервис Wix упрощает задачу разработки сайта до минимума, поэтому вместе с широкими возможностями по редактированию веб-страниц вы также получаете надежный хостинг, где проект и будет размещаться. В качестве домена сможете выбрать себе имя следующего формата: http://логин.wix.com/ваше_название. Его можно изменить на более привычный и солидный домен, но для этого придется воспользоваться премиум аккаунтом (об этом я расскажу чуть ниже). При этом, по сути, вам не нужно вообще ни о чем беспокоиться — ни о хостинге, ни о домене, ни о сложностях веб-строительства.

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

  • Бизнес-проект.
  • Интернет-магазин.
  • Сайт дизайнера или фотографа.
  • Развлекательный сайт.
  • Рестораны и отели.
  • Личный… и прочее.

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

Wix.com выбор шаблона сайта

Wix.com выбор шаблона сайта

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

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

Wix.com настройка шаблона сайта

Wix.com настройка шаблона сайта

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

Теперь что касается премиум или как их еще называют «усовершенствованных» аккаунтов. Пользоваться Wix.com с бесплатным доменом и хостингом можно без проблем, но если вы хотите создать сайт для бизнеса (скажем, компании или продвижения своих услуг), то есть смысл улучшить базовый аккаунт до более продвинутого. В системе имеются 4 пакета от 4 до 16 долларов. Каждый из них можно бесплатно потестировать в течении 14 дней.

премиум аккаунт Wix.com

премиум аккаунт Wix.com

Самый простой тарифный план позволит изменить домен на более нормальный, а также даст возможность использовать статистику Google Analytics. В принципе, для старта этого более чем достаточно. Тем более, что цена чуть выше 4 долларов практически ничем не отличается от стандартных цен разных хостинговых компаний (и все это без учета возможностей Wix). При создании интернет магазина и более крупного интернет проекта, советую обратить внимание на планы eCommerce, Unlimited, Combo. Хорошим бонусом здесь окажется бесплатный домен, а также ваучер в 125 долларов на рекламную кампанию в интернете через Google и Facebook.

Что еще понравилось в Wix.com, так это встроенная поддержка различных seo настроек для сайта, в частности речь идет о МЕТА тегах для страниц, которые можно прописать. Придумайте уникальный заголовок, описание и ключевые слова дабы поисковики смогли находить ваш сайт в сети. Для ускорения индексации вы расскажите о только что созданном проекте в твиттере и фейсбуке либо подайте заявку на попадание в блок «Вдохновение дня», находящийся на главной странице Wix.com. Кроме того, эти два действия обеспечат вам небольшой стартовый трафик и первых посетителей.

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

лучшие сайты на Wix.com

лучшие сайты на Wix.com

Во-вторых, на Wix найдется место и для тех, кто уже смог зарекомендовать себя в создании сайтов. Находится оно в разделе «Вакансии«. Опытным дизайнерам и разработчикам предлагают работу в филиалах компании, расположенных в Тель-Авиве, Нью-Йорке, Сан-Франциско, Днепропетровске. Думаю, что такой опыт не будет лишним в вашем портфолио.

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

создать свой сайт Wix.comсоздать свой сайт Wix.com

design-mania.ru

Конструктор сайтов Wix: как создать сайт бесплатно

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

Содержание статьи:

Сайт за полчаса

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

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

Пошаговая инструкция по созданию сайта

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

  • заполнение стандартной регистрационной формы;
  • выбор подходящего шаблона;
  • создание отдельных страниц;
  • заполнение SEO данных.

1. Регистрационная форма

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

Wix создание нового сайта

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

2. Выбор шаблона

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

Шаблоны Wix

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

3. Использование редактора

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

Редактор Wix

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

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

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

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

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

4. Внесение полезных дополнений

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

Добавление текста в редакторе Wix

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

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

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

5. Окончательная подготовка к публикации

Перед финалом работы следует не забыть выполнить несколько полезных настроек в административной части редактора. Поисковым системам разрешить индексацию и указать на использование мобильной версии.

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

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

Преимущества конструктора Викс

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

Добавление галереи Wix

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

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

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

Как и у всех рабочих и полезных систем у конструктора есть небольшие минусы, которые присутствуют лишь при работе с бесплатной версией.

Это такие малозначимые факты, как:

  • сложное многосоставное доменное имя;
  • реклама на вновь созданном сайте. При пользовании платным сервисом реклама отсутствует.
  • в бесплатной версии нет просмотра статистики посещений;
  • ограничения до 500 Мб на размещение файлов;
  • большой расход оперативной памяти при редактировании шаблона.

Эти замечания ничуть не мешают работать над созданием сайта, но знать о них надо.

Характерные ошибки при работе с конструктором

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

Отсутствие мобильной версии

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

Wix мобильная версия

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

Плохая навигация

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

Ошибки при размещении текста и фотографий

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

Wix предварительный просмотр

Конструктор дает возможность предварительного просмотра, и не стоит упускать возможность убедиться в правильности размещения качественного и интересного контента.

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

Создать сайт на Wix!

zabolotskikh.com