Рассылка по интернет-маркетингу:
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных

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

20 Августа 2018 Иван Иваничев
Время чтения: 11 минут Нет времени читать? Нет времени? 0 комментариев
Отправим материал вам на:
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных

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

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

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

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

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

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

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

  1. «Как подготовиться к разработке сайта?»

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

  1. «Создание сайта: от идеи до реализации»

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

  1. «Анализ конкурентов: цели и инструменты»

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

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

  1. «6 признаков устаревшего сайта»

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

  1. «Что выбрать для создания сайта: CMS или конструктор?»

Тест Дмитрия Дементия даст ответ на насущный вопрос – узнайте, какой инструмент подойдет именно вам. Затем – в зависимости от результата – переходите к третьему или четвертому разделу.

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

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

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

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

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

  1. «Мини FAQ по доменным именам»

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

  1. «С чего начинается сайт? Или о правильном доменном имени сайта»

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

  1. «Как выбрать хостинг: 4 основных критерия»

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

  1. «Как выбрать хостинг для сайта, чтобы не потерять деньги»

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

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

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

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

  1. «Конструкторы сайтов: обзор 8 лучших сервисов со сравнительной таблицей»

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

  1. «33 лучших онлайн-конструктора сайтов, презентаций, визиток и многого другого»

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

  1. «Как сделать сайт с помощью конструктора Tilda: пошаговое руководство»

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

Гайды по CMS

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

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

  1. «Какую CMS выбрать: руководство по выбору „движка“ для сайта»

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

  1. «Как создать сайт на WordPress: полное руководство для новичков»

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

  1. «Создание сайта на WordPress: пошаговая видеоинструкция»

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

  1. «Как создать интернет-магазин с помощью связки WordPress и WooCommerce: подробное руководство»

Оказывается, интернет-магазин можно сделать не только на OpenCart. WordPress + WooCommerce – сила, и Дмитрий Дементий это доказал.

  1. «Как создать сайт на Joomla!: пошаговое руководство для начинающих»

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

  1. «Как создать интернет-магазин на OpenCart: пошаговая инструкция»

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

  1. «Как сделать сайт на Drupal самостоятельно»

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

  1. «Как перенести сайт на новый движок и сохранить позиции, деньги и психическое здоровье»

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

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

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

  1. «Создание лендинга от А до Я. Подробнейшее руководство с примерами»

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

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

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

  1. «О том, как правильно создать сайт-визитку»

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

  1. «Как создать корпоративный блог»

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

  1. «10 важных элементов сайта-портфолио»

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

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

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

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

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

  1. «Основы веб-дизайна: как должен выглядеть сайт для бизнеса»

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

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

  1. «Как стать верстальщиком, или Почему азы верстки должны знать все»

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

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

  1. «Обзор 22 инструментов для создания прототипов»

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

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

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

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

  1. «Как проверить скорость загрузки и адаптивность сайта: 10 бесплатных инструментов»

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

  1. «Как настроить турбо-страницы, AMP, Instant Articles. Гайд с видеоинструкциями»

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

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

  1. «Полное руководство по внутренней перелинковке сайта»

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

  1. «Как сделать редирект: подробный обзор для гуманитариев»

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

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

  1. «Как сделать мультиязычный и мультирегиональный сайт»

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

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

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

  1. «Чек-лист по оптимизации сайта, или 100+ причин не хоронить SEO»

SEO из года в год хоронят, но оно живее всех живых. Так что чек-лист от Александра Агеева пригодится начинающим сеошникам и инхаус-маркетологам.

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

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

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

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

© «TexTerra», при полном или частичном копировании материала ссылка на первоисточник обязательна.
Нашли ошибку в тексте? Выделите нужный фрагмент и нажмите ctrl + enter.
Оцените материал:
Texterra – продвижение в интернете x
Заказать звонок:
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных
Texterra – продвижение в интернете x
Заказать услугу:
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных