Внешний Дизайн
Figma.com — онлайн редактор для прототипирования шаблона
dribbble.com — коллекция трендового дизайна. Чтобы ориентироваться как сейчас актуально делать
Grig.guide — позволяет визуально подобрать базовую сетку для сайта
Colorhunt.co — подобранные цветовые сочетания для быстрого выбора цвета фона, футера, шапки
https://tools.webdevpuneet.com/css-text-shadow-generator/ — онлайн инструменты
шрифты удобно подбирать на https://gwfh.mranftl.com/fonts/montserrat?subsets=cyrillic,latin google-webfonts-helper.herokuapp.com собрал все шрифты предоставляемые гугл.фонт в удобном для скачки виде. Связка eot, ttf, svg, woff и woff2 файлов (т.е. отображение всеми популярными браузерами), а также готовое CSS описание в одном архиве.
(Неплохой шрифт montserrat, Oswald, Inter)
Конвертация шрифтов https://transfonter.org/
иконки
https://iconify.design/ — удобно чтобы найти подходящие SVG иконкки
http://fontello.com/ — генератор иконок в виде шрифта (типа Awesome)
flaticon.com — цветные иконки
https://icons8.com/
беплатные изображения
unsplash.com
https://pixabay.com/
Бесплатные шаблоны темы для WordPress:
https://www.getbeans.io/
edatastyle.com/product/edsbootstrap-free/
https://3uikit.ru/ — UI kit документация на русском
Сбор ключевых слов, составление семантического ядра
https://wordstat.yandex.ru/
https://direct.yandex.ru/
https://adwords.google.com/
https://ahrefs.com/ru/ — Анализ конкурентов, Анализ ключевых слов, Анализ бэклинков, Анализ контента, Анализ позиций, Веб-мониторинг, Позволяет оценить сложность завоевания ключевого слова keyword difficulty (в основном англоязычные)
https://spywords.ru/ — Анализ конкурентов, Анализ ключевых слов
keys.so
https://serpstat.com/ru/ — Мониторинг всей выдачи: анализ по ключевой фразе.
Кластеризация
ручная
Кей коллектор
http://keyassort.ru/
автоматическая:
rush analitics
topvisor
justmagic
overlead
Рейтинг сайтов
https://www.liveinternet.ru/rating/ru/
http://webomer.ru
СЕО
Мегаиндекс
https://www.semrush.com/ (Поисковая выдача > Конкуренты )
https://xtool.ru/ — Проверка траста (xt) в Яндексе
https://moz.com/researchtools/ose/ — Domain Authority/Page Authority
Ahrefs, ZennoPoster, Majestic SEO
similarweb.com — информация о посещаемости
keys.so — поиск конкурентов
RDS API — анализ пузомерок конкурентов (https://www.recipdonor.com)
если не работает то
CheckTrust.ru (бесплатно) SW посетители, SW трафик с поиска, Majestic входищих уникальных,
tools.promosite.ru — правильные апдейты Яндекса
Topvisor.ru. — Точное определение и мониторинг позиций сайтов, Осуществляет кластеризацию по близости поисковых выдач (SERP), , Семантическое ядро
Технический анализ сайта
В браузере Хром Cntr + Shift + I для вызова инструментов разработчика. Есть эмуляция медленного интернета. Как выглядит сайт на мобильных устройствах
Screaming Frog — десктоп программа для анализа сайта. Проверяет на битые ссылки, редиректы, показывает титлы, дискрипшены и др.
webpagetest.org — оценивает скорость загрузки сайта.
gtmetrix.com — анализирует скорость загрузки сайта, помогает найти слабые места.
sitechecker.pro — крутой комплексный анализ сайта, поверяет скорость, заголовки, альты и титлы у картинок и многое другое.
Букмарклеты — маленькие javascript программки для анализа сайта, удобно добавить на вкладку в браузере.
Анализ текстов
Тургенев от Ашманова. Оценивает риск попадания под «Баден-Баден» и показывает, что нужно исправить.
Еще:
1. glvrd.ru
2. turgenev.ashmanov.com
3. advego.com/text/seo
4. orfogrammka.ru
5. content-watch.ru/text/ (уникальность)
6. petr-panda.ru/servs/servis-tavtalogij/
Анализ юзабилити
toloka.yandex.ru — реальные люди оценивают удобства пользования сайтом.
askusers.ru — анализ сайта на юзабилити реальными пользователями.
Составление ТЗ
Сервисы по автоматическому составлению технического задания (ТЗ) SEO-копирайтерам
Биржи контента
Рускоязычние
Advego
eTXT
text.ru
Англоязычные
textbroker
upwork
iWriter
proof read — fiverr.com
Пример ТЗ
Title: Питание для набора мышечной массы для мужчин - Эффективная белковая диета Description: Питание для набора сухой мышечной массы для мужчин - основные принципы питания, время приема пищи, подробное меню на неделю. <h1>Питание для набора мышечной массы для мужчин</h1> <h2>Принципы питания для набора сухой массы</h2> <h3>Частота приема</h3> <h3>Калорийность пищи</h3> <h3>Белки, жиры и углеводы</h3> <h2>Время приема пищи</h2> <h3>Перед тренировкой</h3> <h3>После тренировки</h3> <h2>Меню на неделю</h2> <h2>Что нельзя есть при наборе мышечной массы</h2> Количество символов текста: 9000-10000 Фразы (употребить по одному разу): питание для набора мышечной массы для мужчин правильное питание для набора мышечной массы продукты для набора мышечной массы рацион питания для набора мышечной массы для мужчин набор сухой мышечной массы продукты с высоким содержанием белка белковое питание питание бодибилдера наращивание мышечной массы силовая тренировка набор веса в домашних условиях Слова (употребить минимум по одному разу в любой форме): эктоморф рост кушать еда диета спортивный рацион меню тело
еще инструменты :
- Ultimate CSS Gradient Generator.
- Box Shadow Generator.
- FontSquirrel — конвертер шрифтов в css.
Использование: режим Expert, поле Subsetting → Custom Subsetting. В поле Unicode Ranges копируем:U+0020-U+0040,U+0041-U+005A,U+005B-U+0060,U+0061-U+007A,U+007B-U+007E,U+00FC-U+00FD,U+0410-U+042F,U+0430-U+0451 - Цветовая модель.
- Спецсимволы HTML.
- canIuse
- Конвертер цветов в разные цветовые модели
- Каталог иконок с возможностью преобразовать в шрифт
- Еще один каталог иконок
- Чекалка контраста цветов: Contrast Ratio