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

У заказчика нет плана и представления о том, каким он хочет видеть сайт. Есть только идеи и предположения. На этом примере, я вам подробно объясню с чего начать работу. Мы с вами определим популярные запросы, проведём анализ конкурентов, обсудим примерную стоимость приложений и вспомогательных инструментов.

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

Находим основные запросы наших пользователей

Для этого я воспользуюсь сервисом https://wordstat.yandex.ru/. Вбиваем в сервис наш основной запрос — аниме.

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

Для поиска основных запросов я использую Key Collector. С помощью программы найду основные запросы, которые будут генерировать трафик на сайт.

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

  • топ аниме.
  • аниме бест.
  • лучшие аниме.

Эти слова собирают большой трафик и их можно хорошо смонетизировать.

Давайте теперь проанализируем конкурентов.

Анализируем наших конкурентов

Захожу в Яндекс, ввожу запрос — топ аниме и изучаю полученные результаты.

Если встречаем сайты в выдаче с рекламой, то такие сайты пропускаем (без плашки «реклама», «Яндекс» и так далее).

Берем первую десятку проектов:

  • animestars.org.
  • yummyanime.club.
  • you-anime.ru.
  • animeonline.su.
  • kinopoisk.ru.
  • zen.yandex.ru.

Сервисы Яндекса (фотографии, видео и др.) я пропускаю. Так же отсеиваю kinopoisk.ru и zen.yandex.ru. Меня в первую очередь интересуют тематические сайты.

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

Трафик конкурентов

Давайте рассмотрим трафик наших будущих конкурентов. Я это делаю в сервисе https://www.similarweb.com/ (сервис условно бесплатный, начального функционала нам вполне хватит).

Проект — animestars.org, около 700 000 пользователей в месяц. Трафик постоянно растет, сайт правильно развивается.

Половина трафика — это прямые пользователи (Direct) и половина идет с поиска (Organic Search). Параметр Direct является самым «сладким», так как лояльную аудиторию лучше всего монетизировать.

Такого результата проект добился за 3 года.

Проект — yummyanime.club, около 20 000 000 пользователей в месяц. Трафик постоянно растет, сайт правильно развивается.

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

Дата регистрации, конец 2018 года….

Проект — you-anime.ru, около 1 000 000 пользователей в месяц. Трафик постоянно растет, сайт правильно развивается.

На этом сайте большая часть трафика из поиска, что тоже неплохо.

Проекту 2 года.

Проект — animeonline.su, около 100 000 пользователей в месяц. Трафик постоянно растет.

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

Проекту 12 лет. Его небольшой трафик говорит, что он или узконаправленный или плохо развивается.

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

Выбираем CMS

animestars.org — сделан на DLE, проверку сделал в коде.

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

yummyanime.club — определить CMS не получилось, скорее всего самописный сайт.

you-anime.ru — так же не удалось определить CMS.

animeonline.su — сделан на DLE.

Проектируем сайт

Для проектирования я использую https://app.diagrams.net/. В этом сервисе я обрисовываю все нужные мне элементы, перед тем как отдавать в дизайн.

Если за основу вы берете animestars.org, то рисуете, чтобы вы хотели видеть и где, хороший дизайнер вам поможет, но вы должны понимать, что хотите от своего проекта.

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

Дизайн (UX и UI)

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

Для моих проектов, дизайнеры всё делают в Figma.

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

Покажу один из примеров.

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

Верстка и разработка проекта

Основные правила, которые вы должны помнить. Верстка должна быть адаптированная и без ошибок. Ошибки я проверяю сервисом https://validator.w3.org/.

Вставляете ссылку на любую страницу вашего сайта и Check.

На выходе получаете вот такую информацию. Чем меньше ошибок, тем лучше.

Так же у сервиса есть возможность загружать HTML документы. До запуска вашего проекта, вы сможете всё проанализировать.

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

По разработке на начальном этапе, вам главное нужно проверить все элементы, кнопки, чтобы они работали. Этим сервисом https://developers.google.com/speed/pagespeed/insights/?hl=RU, вы сможете узнать скорость загрузки вашего сайта, проверить и мобильную и компьютерную версии. Заставьте вашего разработчика довести зеленую зону до максимума.

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

SEO для вашего сайта

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

Как-нибудь напишу статью о технических составляющих на первом этапе.

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

На старте не забываем установить: Яндекс метрику, Яндекс вебмастер, Google Analytics, Google Webmaster. Всё это попросите установить вашего разработчика.

Домен и хостинг

Для домена используйте приставки как у ваших конкурентов — anime и так далее. Зону можно использовать .ru (стоимость домена около 100 рублей в год).

Свои сайты я держу на https://beget.com/ru. Быстрая поддержка, адекватные цены (сайт можно захостить за ~ 100 рублей в месяц), всё работает быстро и без тормозов.

Аналитика

Для анализа вашего контента и пользователей используйте https://metrika.yandex.ru/ и https://analytics.google.com/.

Всю полезную информацию о функционале, вы можете найти в https://yandex.ru/support/metrica/.

Монетизация

animestars.org

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

yummyanime.club

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

you-anime.ru

Скорее всего CPA партнерка.

Это тоже всё монетизация.

Конечно можно подключить дополнительно Google Adsense или РСЯ (это рекламные сети), но скорее всего цена клика будет на таком контенте минимальная и зарабатывать вы будете немного.

Как можно ещё заработать?

Есть различные биржи по продаже сайтов. К примеру: https://www.telderi.ru/.

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

Стоимость

Итак, вам нужно определиться кто с вами будет работать: студия или фрилансеры. Безусловно, если обратиться к профессионалам, вложения будут приличные. Но в итоге вам не придётся переживать, тратить свои силы на доработки. Вот примерная стоимость:
DLE: от 100 000.
Это средние данные, так как цены варьируются от вашего местоположения и профессионализма работников.

Благодарю за внимание. Если есть вопросы — пишите в комментариях. Буду рад помочь.