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

Один из стандартных вопросов, который задает (или по идее должна задавать) веб-студия на первой встрече с клиентом – зачем вам нужен сайт? Зачастую клиент с готовностью отвечает «нам нужен сайт как инструмент». Но, как показывает опыт, иногда это примерно то же самое, что прийти в магазин и купить дрель, чтобы была. Чтобы в доме был инструмент.

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

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

Давайте рассмотрим постановку задачи на примере.

Идея создать сайт знакомств возникла давно, еще года 2 назад. Я тогда сразу заметил много недостатков популярных сайтов знакомств.

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

Таким образом имеем следующее — ты должен быть фотогеничен, а все остальное можно просто выдумать )

А как же остальные клёвые девчонки и парни, с которыми в реале в сто раз интересней общаться, чем с теми, с хорошими фотками?

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

Шаг 1. Установить движок Node.js в соответствии с инструкциями, имеющимися в вики для каждой из поддерживаемых операционных систем. (Для Windows достаточно скачать и запустить MSI-файл, для CentOS — воспользоваться системным менеджером пакетов, и так далее.)

Шаг 2. Создать пустой каталог и поместить в нём файл «site.js» следующего содержания:


Настройки staticSiteOptions можно переменить по собственному вкусу.

Шаг 3. В том же каталоге подать команду «npm install express», которая автоматически создаст подкаталог «node_modules» и установит туда Express, скачав из Интернета.

Шаг 4. В том же каталоге создать подкаталог «static» и поместить в нём файлы статического сайта. Этот подкаталог станет корнем сайта. Файлы с именами «index.html» будут использоваться как файлы-индексы. Иными словами, при ответе сервера на запрос с адресом, содержащим только имя некоторого каталога (будь то корень сайта или один из его подкаталогов), будет показан файл с именем «index.html» из указанного каталога (если есть).

Шаг 5. В том же каталоге подать команду «node site», которая запустит сервер. Убедившись в её работоспособности, обеспечить автозапуск этой команды в этом каталоге после каждой перезагрузки операционной системы. (Например, на CentOS 6.2 можно использовать upstart для этой цели.)

Всё.

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

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

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

Обычный способ создавать структуру сайта (visual sitemap) — это рисовать всем привычные MindMap схемы или проектировать User Flow, создавая вначале пользовательский путь и затем прототипировать структуру. Обычный Mindmapping не помогает это делать наглядно и быстро, поскольку на одной странице может быть множество информационных блоков и они должны быть перед глазами, когда проектируешь проект. И вообще, создание удобной структуры было прерогативой опытных веб-мастеров.

От переводчика: Я собирался сделать собственную статью по Nuxt Content, но наткнулся на готовую статью, которая отлично раскрывает тему. Лучше у меня вряд ли получится, поэтому я решил перевести. Написал автору в твиттер и практически сразу получил согласие. Статья будет с моими дополнениями для лучшего понимания темы.

---

Модуль Content в Nuxt это headless CMS основанной на git файловой системе, которая предоставляет мощные функции для создания блогов, документации или просто добавления контента на обычный сайт. В этой статье мы разберем большинство преимуществ этого модуля и узнаем как создать блог с его помощью.

Продолжаем изучать Nuxt Content.

Первая часть доступна здесь.

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

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



Пример структуры веб-сайта (Блоки кликабельны)

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

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

Какое впечатление производит сайт у типичного посетителя?

Вот краткие характеристики сайта, записанные со слов моей жены:

• Сделан на коленках
• Такие сайты пачками висят на Народ.ру
• Похоже, что у тех, кто занимается имиджем невесты, нет вкуса
• На главной странице слишком много текста
• Аляпистые цвета
• Уходит много времени, чтобы понять, где найти нужные мне примеры причесок
  или цены

Что скажет о сайте взыскательный посетитель?

Как специалист по информационной архитектуре, поделюсь своими наблюдениями:

• Спасибо создателям сайта за наглядный пример — как раз тот случай, когда
  информационная структура сайта (разделы сайта и их взаимосвязь), можно сказать,
  отсутствует.
• Навигация скорее отвлекает посетителя от цели (послать запрос или позвонить),
  чем приближают к ней. Т.е. вместо четких и ясных траекторий — главная
  — портфолио — прайс — отзывы — контакты — заказ — получаем кашу. Поплутав,
  часть пользователей теряет терпение и соскакивает.
• Навигационные ссылки: «Красота здесь!», «К свадьбе», «Цветы» Сбивают
  с толку — что в этом разделе может быть? Перепутаны уровни информационной
  архитектуры — услуги смешаны с портфолио.
• Попытайтесь разобраться в ценах
  

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

Первая ассоциация при упоминании нерусского, но уже такого родного, слова Internet?
— Яндех, найдётся всё!

Тут можно процитировать небезызвестную «мамочку» Яндекса Елену Колмановскую. Она вспоминала о той ситуации, когда Яндекс отказал в работе внешнему миру на целых тридцать минут: «У нас все, кроме админов, ушли из офиса на улицу, потому что все знакомые сотрудников «Яндекса» звонили и спрашивали, что случилось. «Ведомости» тогда про это написали. Как же? Такое дело (с иронией)! А потом мы еще получили массу писем от провайдеров, к которым пришли их клиенты и сказали, что у них Интернет не работает. Потому что если «Яндекс» не открывается, значит, у провайдера «лег» Интернет» (интервью Webinform.ru, 2 июня 2004 года).

Что ж, приходится мириться с тем, что Яндексом в России ищут не меньше 70% компьютеризированного населения, а зарубежный гость Гугль значительно отстаёт в популярности, хотя считается, что он на голову выше. На голову выше в релевантности поиска, то есть в соответствии выдачи поисковой системы ожиданиям пользователей.

Замечали ли вы, что, например, набирая в Яндексе безобидное слово мех, вам вместо энциклопедических ответов «мех – это» выдаётся список фирм, торгующих мехом? Не задумывались почему так происходит? Миссия поисковика – находить именно то, что вы хотите. На вопрос «продажа меха» находить предложения о продаже, на вопрос мех – объяснение, что это такое. Но обратите внимание на таблицу:

Слова	Показов в месяц
меха	34601
продажа меха	301

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

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

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

Теперь немного терминологии:

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

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

Оптимизация (Search Engines Optimization) – это меры, принятые для более вероятного принятия поисковыми системами созданного сайта. Они направлены на работу с качественной составляющей веб-страниц, то есть на проработку содержания и структуры сайта.

Цель поисковой оптимизации страниц – получение высоких мест в результатах поиска по заданным запросам.

Боюсь, звучит слишком легко и оптимистично. Вероятно, поисковик не будет ставить в топ пустую страницу, как бы её ни «раскручивать». Нужно работать над текстом, увеличивать объём сайта, продвигать его вполне стандартными принятыми в маркетинге методами (реклама в СМИ, объявления), мозолить глаза, так сказать, вашим сайтом. Только тогда он может стать первым среди равных.

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

Всего доброго вашему сайту,
студия дизайна Seomen

Выложили обновленное "Руководство по созданию сайтов" (PDF-версия), которое анонсировали еще на конференции «Оптимизация 2009». Можно использовать как checklist при запуске нового сайта.
Замечания и пожелания приветствуются.

См. также "Руководство по поисковой оптимизации для начинающих от Google".

О чем разговор

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

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

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

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

Например, надо вам на сайте сделать комментирование материалов. Конечно, можно написать самостоятельно. Но что, если взять сервис intensedebate.com, который предоставляет прекрасный интерфейс для комментариев с большими возможностями и очень плотно интегрируется с несколькими популярными блог-платформами? На любом же другом сайте работает через javascript. При этом тут вам и нативная авторизация, и авторизация через популярные сервисы типа Twitter или Facebook. И много-много других плюшек.

Перед тем как раскрывать секреты увеличения конверсии сайта, давайте определим что же это такое. Определений много, но мне нравиться вот это:

Конверсия сайта— это результат деления желания купить на возможность купить!

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

Давайте посмотрим от чего же зависит конверсия сайта!