SEO для бустрап и инди проектов:бесплатно,советы,инструменты
Итак есть один бустрап проект, отличный продукт и мало клиентов, мое время дошло до SEO.
Вообще бустрап или инди-проект качает очень многие навыки и учит делать больше фокуса на бизнесе (деньгах) и что маркетологи не бездельники и у них тоже сложная работа!
Сейчас будут довольно базовые штуки, которые я узнал и сделал за последние пару дней (недель).
И так пункт первый, домен:
Говорят что .com
немного лучше, но в целом пофиг какой, если не новый - то даже лучше -репутация домена и ссылки!
Один из факторов покупки не прибыльных но имеющих потенциал проектов (доменов в том числе) в легкости их раскачки, если знаешь что делать.
У нас aso.dev - оторвали магически за 98 баксов (или очень близко к этому)
Дальше делаем сайт. Нам нужна SEO, так что нужен серверный рендеринг - все разговоры, что гугл умеет парсить js - фигня, так как иногда может, но вообще не любит, поэтому не надо. Можно взять какой-то тяжеловесный SSR для react или Angular, но мы выбрали супер классный, быстрый и простой astro.build, у них кстати хватает простых и сложных шаблонов, но в итоге после экспериментов мы взяли их https://starlight.astro.build/ немного переделав первую страницу (там надо скопировать к себе исходник компонента Hero.astro) и override Head.astro.
Я от него в восторге, мы уже даже переписываем сайт нашего плеера meows.app так как динамический рендеринг на базе ответа от API у него работает супер, а переписать с нуля попросили знакомого джуна за небольшие деньги - ему практика и реальный проект, а у нас более быстрый и простой сайт на тех же технологиях что и основной проект, так как Angular 14 уже не огонь, даже с Universal рендеринг (ох, как давно это было) - пример с astro (в процессе разработки)
Довольно неплохо вышло, раньше картинки мы жали через https://tinypng.com/ (вручную или через API и скрипт от GPT), но сейчас просто стандартными средствами astro.build
Google search console
Дальше база - надо зайти и добавить Google Search Console, там можно увидеть свою индексацию, ошибки и получать ачивки (достижения), а их публиковать в X aka Twitter
https://search.google.com/search-console
Инструментов на самом деле очень много, я пока пользуюсь двумя бесплатными
Ahrefs
Мне он очень понравился тем что там есть 10к запросов к сайту и анализ всех ваших страниц по ошибкам (закрыть все не получится, но сокращаем до минимума).
Именно этот инструмент дал мне наибольшее количество правок.
Улучшения и ошибки
Исправление длины title и description страницы
Для title необходимо 50-60 символов, для description 110-160, в структуре мета информации страниц (.md файлов) я добавил их как
А дальше попросил gpt написать bash скрипт проверки этих файлов, с 30-ой попытки он таки смог (все равно быстрее, чем сделал бы я на bash)
Запускаем скрипт, переходим в файл, копируем текст в GPT и просим оптимальный title и description, примерно таким промтом:
Дальше обновляем все страницы - это супер базово, я понимаю, но лучше чем ничего с одинаковыми данными.
Favicon
Мы его немного сломали - неприятно, нагенерировал файлов и мета тэгов через https://realfavicongenerator.net/ и там же потом проверил работу.
OG теги
Я немного пошел в оптимизацию, но до этого я сделал og теги - это такие мета-теги, которые позволяют вашей ссылке в социальных сетях или чатах показывать картинку, описание и вообще давать больше информации чем просто ссылка. Их довольно много, но нужно как минимум og:title, og:description, og:image , он кстати должен быть с абсолютным путем, а все картинки мы отдаем через bunny.net но я что-то намудрил и они пока отдаются напрямую - DNS у нас на Cloudflare, а хостимся мы в hetzner с помощью docker и rancher
application/ld+json
Добавили application/ld+json - не уверен что оно как-то сработает, но вроде прикольно - structured data markup
404
Создали кастомную страницу 404, по умолчанию все идет в index page и это считается ошибкой - не знаю насколько это серьезно влияет, но она помогает найти неправильные ссылки.
Настройка в мете:
Настройка в nginx конфиге
Pедиректы (перенапраяления)
У нас оказалось очень много 301 редиректов, так как мы выбрали чтобы все ссылки были в конце с /
, чтобы на https://aso.dev/aso/
и https://aso.dev/aso
не получать дублирования, в результате долгой проверки всех ссылок и отчетов - мы их все победили и нашли десяток старых ссылок в коде.
Редиректы для старых ссылок мы поддерживаем в nginx конфиге форматом
Copilot их кстати хорошо помогает писать.
hreflang
Добавили x-default для hreflang - не знал что такое нужно
SEMrush
https://www.semrush.com/projects/
Я с ним более давно, так он как-то проще конвертит в бесплатный тариф, но лимит в 100 проверок и их цены не особо радуют.
Обратные ссылки (Backlink)
Это простая и сложная вещь… Вам нужны ссылки на ваш сайт с других сайтов.
Причем если ссылка будет со спам сайта - это плохо (точно не +
), а если с NYT - то одна ссылка дает больше бонусов, чем сотни с сайта Васи Пупкина.
Мы пока наращиваем ссылочную массу тем что размещаем наш сайт на куче площадок про стартапы и инди-проекты, нашли Excel файл где сотни ссылок и постепенно его заполняем…
На producthunt для получения сильных ссылок полезно - подпишитесь на наш выход, мы его несколько раз уже переносили, но скоро выйдем…
Ну а еще стараемся писать статьи (полезные, а не для галочки).