Как создавать сайты: 33+ обучающих статьи и видео

800

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

В подборке – 33+ статьи и видео для предпринимателей, дизайнеров, начинающих разработчиков и вебмастеров.

Готовы? Тогда поехали.

Этапы подготовки к созданию сайта

Нельзя просто взять и создать сайт. Сначала нужно:

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

В этом разделе – материалы, которые помогут в подготовке к созданию сайта.

  • «Как подготовиться к разработке сайта?»
  • В одной из рассылок Тимур Фехрайдинов, маркетолог «Текстерры», рассказал о 5 основных этапах подготовки к разработке сайта. Коротко и ясно, без особых подробностей.

  • «Создание сайта: от идеи до реализации»
  • Авторы CMSmagazine рассказали о шагах, которые нужно пройти в процессе создания сайта. Статья довольно большая – с примерами, схемами, алгоритмами.

  • «Анализ конкурентов: цели и инструменты»
  • Константин Ивлев, контент-стратег «Текстерры», объяснил пользу конкурентного анализа, разобрал ключевые ошибки и т. д. Имейте в виду: материал пригодится и перед созданием сайта, и в последующей работе.

    По ссылке – видеозапись вебинара + презентация.

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

  • «Что выбрать для создания сайта: CMS или конструктор?»
  • Тест Дмитрия Дементия даст ответ на насущный вопрос – узнайте, какой инструмент подойдет именно вам. Затем – в зависимости от результата – переходите к третьему или четвертому разделу.

    Если же вы решили не создавать сайт самостоятельно, а делегировать – читайте в нашем блоге о том, как составить Т. З. на разработку. Потом можете отправить техзадание нам 🙂

    Мы делаем сайты под ключ: пишем текст, готовим дизайн, оптимизируем. Примеры – в портфолио.
    Подробнее

    Особенности выбора хостинга и домена

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

    Статьи ниже – о премудростях выбора хостинга и домена.

  • «Мини FAQ по доменным именам»
  • На 1PS разъяснили, какие домены бывают, и дали ответы на часто задаваемые вопросы: о переносе, стоимости и т. д.

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

  • «Как выбрать хостинг: 4 основных критерия»
  • В блоге «Нетологии» – об основных видах хостинг-услуг и о критериях выбора хостинга.

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

    Изучите, чтобы не потерять десятки и сотни тысяч рублей.

    Нужен ли SSL-сертификат и как его получить

    Обзоры конструкторов

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

  • «Конструкторы сайтов: обзор 8 лучших сервисов со сравнительной таблицей»
  • Ольга Кочкина подробно разобрала возможности 8 лучших платформ-конструкторов, а также их плюсы и минусы. Если нужно определиться быстро – просто посмотрите в сравнительную таблицу (кстати, ее можно скачать на компьютер).

  • «33 лучших онлайн-конструктора сайтов, презентаций, визиток и многого другого»
  • Если вам показалось, что в предыдущей статье мало сервисов – изучите подборку «Лайфхакера». Правда, там без подробностей: только краткие описания.

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

    Гайды по CMS

    Решили, что конструкторы вам не подходят, и – только CMS, только хардкор? Тогда вам в помощь наши руководства.

    В разделе собраны гайды по Joomla, OpenCart, Drupal и, конечно, WordPress.

  • «Какую CMS выбрать: руководство по выбору „движка“ для сайта»
  • Это удивительно, но CMS довольно универсальны: почти любая из систем подойдет для реализации почти любого проекта. Не знаете, как выбрать систему – Дмитрий поможет сориентироваться и быстро принять правильное решение.

  • «Как создать сайт на WordPress: полное руководство для новичков»
  • Дмитрий Дементий (да-да, тот самый) объясняет, почему WordPress – не только для блогов, плюс рассказывает о выборе и настройке темы, работе с плагинами и т. д.

  • «Создание сайта на WordPress: пошаговая видеоинструкция»
  • Эта инструкция для тех, кому неудобно работать по тексту и скриншотам. Трехчасовое видео, где все этапы показаны максимально наглядно – хорошая альтернатива предыдущей статье.

  • «Как создать интернет-магазин с помощью связки WordPress и WooCommerce: подробное руководство»
  • Оказывается, интернет-магазин можно сделать не только на OpenCart. WordPress + WooCommerce – сила, и Дмитрий Дементий это доказал.

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

  • «Как создать сайт на Joomla!: пошаговое руководство для начинающих»
  • Название руководства говорит само за себя – в нем вы найдете все необходимое по настройке сайта, подключению к системам веб-аналитики и т. д.

  • «Как создать интернет-магазин на OpenCart: пошаговая инструкция»
  • Подробная инструкция по созданию интернет-магазина на OpenCart. Автор объяснил и наглядно показал, как настраивать CMS, расширять ее функциональность с помощью модулей, редактировать контент и – само собой – отслеживать продажи.

  • «Как сделать сайт на Drupal самостоятельно»
  • Drupal – гибкая и многозадачная CMS, занимает третье место в мире по популярности (после WordPress и Joomla). Руководство поможет разобраться с установкой, настройкой, SEO-оптимизацией, обеспечением безопасности и управлением контентом с помощью «Друпала».

  • «Как перенести сайт на новый движок и сохранить позиции, деньги и психическое здоровье»
  • Если вы ошиблись при выборе CMS, затем внезапно осознали это – без паники. Дмитрий Дементий разобрался в особенностях работы с разными платформами и объяснил, как перенести сайт. Без потери денег, нервов и позиций в поисковой выдаче.

    Нюансы разработки отдельных типов сайтов

    Итак, вы разобрались с подготовительными работами, выбором домена и хостинга, особенностями различных конструкторов и CMS. Теперь – время изучения тонкостей и нюансов создания отдельных типов сайтов: лендингов, визиток и др.

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

  • «Создание интернет-магазина: на что обратить внимание, чтобы спустя 3 месяца и 5000 долларов не начать сначала»
  • Дмитрий Скалубо выделил неочевидные моменты, связанные с электронной коммерцией. Его рекомендации однозначно помогут сэкономить время и деньги.

  • «О том, как правильно создать сайт-визитку»
  • На сайте КП – статья о сайтах-визитках. Внутри информация по стоимости, перечень этапов разработки и т. д.

  • «Как создать корпоративный блог»
  • На tilda.education большой материал о корпоративных блогах. В нем – о функциях блогов, их разновидностях, важных элементах и т. д. Если проскроллить до конца, можно найти 4 готовых прототипа: бери и внедряй.

  • «10 важных элементов сайта-портфолио»
  • В блоге 1PS отметили важные элементы, которые должны быть на сайте-портфолио. По каждому из элементов – реальные примеры.

    Нужен лендинг, корпоративный сайт или интернет-магазин – обращайтесь.
    Подробнее

    Советы по дизайну и прототипированию

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

    Держите три материала о дизайне, верстке и прототипировании – все из нашего блога.

  • «Основы веб-дизайна: как должен выглядеть сайт для бизнеса»
  • Святослав Грошев, руководитель отдела дизайна, умудрился за 2 часа преподать основы веб-дизайна. В программе вебинара: типы сайтов, структура, анализ конкурентов, логотип и другие важные пункты.

    По ссылке вы найдете видеозапись, презентацию и список полезных ресурсов.

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

    В качестве бонуса – интервью с Алексеем Печенкиным, ныне программистом отдела бэкэнд-разработки «Текстерры».

  • «Обзор 22 инструментов для создания прототипов»
  • Благодаря Святославу вы знаете, что такое прототипы. Теперь пора разобраться в десятке-другом инструментов по их созданию.

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

    Юзабилити- и SEO-оптимизация

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

    Далее – статьи по инструментам и способам юзабилити- и SEO-оптимизации.

  • «Как проверить скорость загрузки и адаптивность сайта: 10 бесплатных инструментов»
  • Чтобы сайт любили и пользователи, и поисковики – важно, чтобы он был быстрым и дружелюбным к любым устройствам и браузерам. В статье вы найдете ссылки и описания десяти инструментов по проверке скорости загрузки и адаптивности.

  • «Как настроить турбо-страницы, AMP, Instant Articles. Гайд с видеоинструкциями»
  • Можно жить так, но лучше ускориться – рекомендуем очередную мощь от Дмитрия Дементия. Внутри инструкции по настройке турбо-страниц «Яндекса», AMP от Google и Facebook Instant Articles. Все наглядно – скриншоты, гифки, видео.

    Еще у нас есть руководства по Яндекс.Вебмастеру и Google Search Console. Оба понятны даже новичкам.

  • «Полное руководство по внутренней перелинковке сайта»
  • Даже если только начали наполнять сайт – руководство пригодится. Лучше сразу делать как надо, ведь без ссылок невозможно представить нормальное SEO-продвижение, увеличение глубины просмотра и т. д.

  • «Как сделать редирект: подробный обзор для гуманитариев»
  • Нужно уметь настраивать редиректы – перенаправления пользователей с одной страницы на другую – иначе можно испортить пользовательский опыт и «отношение» поисковиков.

    Дмитрий – наш почти бессменный автор в этой подборке – объясняет, какие типы редиректов бывают, где брать код, как настраивать и т. д.

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

    • Выбирать структуру URL.
    • Готовить контент для разных групп пользователей.
    • Обеспечить таргетинг.

    Внутри – подробные инструкции, ссылки на плагины и сервисы, информативные скриншоты.

  • «Чек-лист по оптимизации сайта, или 100+ причин не хоронить SEO»
  • SEO из года в год хоронят, но оно живее всех живых. Так что чек-лист от Александра Агеева пригодится начинающим сеошникам и инхаус-маркетологам.

    100+ пунктов можно использовать и перед созданием сайта, и в процессе аудита действующего веб-ресурса. Кстати, если удобнее на бумаге – в конце статьи есть ссылка на скачивание чек-листа.

    Чек-лист по юзабилити: 200+ пунктов на проверку

    Мы делаем сайты, которые оптимизированы под поисковики и приносят продажи. Обращайтесь!
    Подробнее

    Надеемся, подборка оказалась для вас полезной. Будем благодарны за репосты и комментарии.

    И – удачи в создании сайтов и их продвижении.