Как стать автором
Обновить

Как создать сайт? Структура и контент

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

Пример структуры веб-сайта Octopus.do

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

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

Создание сайта на MODx CMS — видео урок

Время на прочтение2 мин
Количество просмотров35K
Почти год назад, в ноябре 2010, у меня появилось желание сделать обучающее видео по созданию сайта на MODx Evolution. Не прошло и полугода, как прошел год и я с удовольствием могу показать вам свое творение. Так как длинное видео это не формат Хабра, я сделал короткий тизер под названием «Сайт на MODx за 5 минут», а под катом полное видео.



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

Далее: полная версия видео урока

Все начинается с брифа

Время на прочтение4 мин
Количество просмотров6K

"Если не говорить о желаемом - оно может так и не стать действительным". В. Синявский.

Читать далее

Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения

Время на прочтение6 мин
Количество просмотров159K

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

Читать далее

Метод Content Brick. Как создать структуру веб-сайта быстрее и проще чем это было раньше?

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

Читать дальше →

Пошаговый курс по созданию продающего Landing Page c нуля. Часть 1: Посадочные страницы и трафик

Время на прочтение9 мин
Количество просмотров78K


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

Читать дальше →

3 правила идеальной конверсии сайта (лендинг пейдж)

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

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


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

Давайте посмотрим от чего же зависит конверсия сайта!
Читать дальше →

Пошаговый курс по созданию продающего Landing Page c нуля. Часть 2: Гипотезы и целевая аудитория

Время на прочтение7 мин
Количество просмотров18K


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

Гипотезы имеют очень важное значение. Они определяют ваш продукт, маркетинг, стратегию развития и идеи для роста. Итак, придумали мы классный продукт или любую бизнес идею и начинаем строить гипотезу. У меня есть такой продукт X (услуга, товар, курс...) и его будут покупать Y (бабушки, директора, дворники, автомобилисты...), так как он превосходно решает проблему Q (варки пельменей, ремонта автомобилей, доставки подарков...), потому что он Z (лучше, быстрее, проще, дешевле, удобнее, эффективнее...). Разберём подробнее.

Читать дальше →

Пошаговый курс по созданию продающего Landing Page c нуля. Часть 3: Узнаем потребности клиентов и определяем выгоды

Время на прочтение8 мин
Количество просмотров18K


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

Пошаговый курс по созданию продающего Landing Page c нуля. Часть 4: Тестирование выгод и анализ конкурентов

Время на прочтение5 мин
Количество просмотров11K


Различные тесты очень часто приносят совсем неожиданные результаты. Именно в этом их ценность. Тестирование помогает понять, правильная ли у нас гипотеза, насколько точно мы определили целевую аудитория и как поняли её проблемы, ценности, критерии выбора и как точно попали в нее продающим текстом, лендингом, сайтом, объявлением. Давайте приступим к тестированию.
Читать дальше →

Пошаговый курс по созданию продающего Landing Page c нуля. Часть 5: Строим воронку продаж и создаем призыв к действию

Время на прочтение7 мин
Количество просмотров15K


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

Метод оценки вероятного качества заказываемого сайта

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

Задача: получить за затрачиваемые деньги результат максимального качества.
Читать дальше →

Мой опыт сотрудничества с искусственным интеллектом или как я создал свой первый сайт

Время на прочтение2 мин
Количество просмотров5.9K

Здравствуйте, уважаемые хаброЮзеры.Меня зовут Павел, я журналист и это моя первая статья на Хабр.Я являюсь фанатом разного рода технологий, и в особенности слежу за развитием области Искусственного Интеллекта (нейронок и всё что с этим связано). И спешу поделиться своим опытом сотрудничества с искусственным интеллектом.....

Интересно ?

Школа Вебмастеров «Яндекса» и прямые трансляции лекций на «Мегамозге»

Время на прочтение1 мин
Количество просмотров6.6K
С 1 сентября по 1 декабря будут идти открытые лекции «Школы Вебмастеров», организуемые «Яндексом».

Шестая лекция называется «Как правильно составить структуру сайта», а ведет её Дмитрий Сатин из UsabilityLab.

Прямая трансляция начнётся в 17.00 по московскому времени.
Читать дальше →

SEO для разработчика и верстальщика: основные SEO-требования к разработке сайтов

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров8.7K

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

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

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

Посмотреть Чек-лист

Первый сайт в юном возрасте

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

Как мы создавали lovler.net

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

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

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

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

Читать дальше →

Сайт как инструмент

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

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

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

Давайте рассмотрим постановку задачи на примере.
Читать дальше →

4 способа добавить иконки на сайт из Figma — все плюсы и минусы

Время на прочтение6 мин
Количество просмотров41K

Проверяя html-макеты верстальщиков и разработчиков наблюдаю проблемы с добавлением иконок на сайт. Они их добавляют чёрт пойми как… Могут добавить их как png изображения, а могут вообще использовать не иконки из макета, а похожие иконки, использовав, к примеру, FontAwesome. Это жестко, скажу я вам.

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

Читать далее

Создаем свой блог на Github и Hugo

Время на прочтение7 мин
Количество просмотров9.8K

Привет, хабр! Сегодня я расскажу вам, как создать свой блог на Github Pages, используя hugo!

Хотите создать свой собственный блог, но не хотите привязываться к каким-либо крупным хостинговым решениям или издательским сайтам по подписке? Решение есть!

Читать далее