Блог

Сервисы для сайтов: 45 инструментов веб-мастера

Сервисы для сайтов: 45 инструментов веб-мастера
Настя Кузнецова
Редактор

Секрет на все руки веб-мастеров — сотня вспомогательных сервисов и мнооого опыта. Пока копите опыт, вот вам суперсервисы. Все, кроме одного, бесплатные, но за дополнительные деньги есть дополнительные возможности.

Сервисы проверки текста

Text

Text.ru — проверяет тексты на уникальность. Зарегистрируйтесь и делайте это бесплатно, по очереди с остальными пользователями. Заплатите и проверяйте на уникальность сайты и документы (txt, doc, docx, pdf) или любые тексты по API.

Оригинальные тексты Яндекс.Вебмастера — сообщает Яндексу, что текст ваш. Перед публикацией на сайте загрузите материал в форму. «Обратите внимание, что Яндекс не гарантирует учёт вашей заявки в работе поисковых алгоритмов».

Сopyscape — борется с плагиатом. Дайте ему ссылку на страницу с вашим текстом и сервис покажет, где в сети есть его копия.

Gramota.ru — спрашивает совета у докторов филологических наук. В разделе «Справочное бюро» можно задать вопрос по орфографии или грамматике. Или поискать по ответам. Или посмотреть сначала в словаре, через «Поиск слова».

LanguageTool — ищет ошибки: орфографические и грамматические, замечает некоторые проблемы с лексикой и стилем, вроде одеть-надеть. Проверяйте тексты на русском, английском и ещё 20+ языках — бесплатно 20 000 символов за раз (6 страниц сплошного текста). Можно установить как расширение и проверять уже опубликованные тексты.

Главред — проверяет стиль и синтаксис. Находит повторы, штампы, плеоназмы, вводные. Подозревает текст в парреляции и других нехороших вещах. Покажите ему свои наработки и узнаете, что сказал бы строгий главред Ильяхов. Но не спешите исправлять всё подряд — это лишь сервис и только рекомендации.

Hemingway — почти англоязычный Главред, учит писать как одноимённый классик — лаконично. Покажет, какие предложения перегружены глаголами, пассивным залогом и как ещё облегчить текст для чтения.

Яндекс.Wordstat — проверяет ключи на количество запросов в Яндексе. Зарегистрируйтесь с яндекс-почтой — смотрите частотность по нужному региону, выбирайте похожие запросы из подсказок. Если после каждого запроса вылазит капча — попробуйте зайти через Microsoft Edge или Internet Explorer, иногда помогает.

Yandex Wordstat Assistant — копирует ключи со страницы Wordstat в буфер обмена: можно выборочно, можно сразу все. Установите это расширение для браузера (Google Chrome, Mozilla Firefox, Оpera) и пользуйтесь. С ним сбор семядра быстрый и удобный — одним словом, автоматизированный.

Google Keyword Planner или «Планировщик ключевых слов» — проверяет ключи на количество запросов в Google. Вообще, это инструмент Google AdWords — для рекламы, но никто не запрещает использовать его для поиска ключей и оптимизации сайта. Дерзайте!

Google Trends — отслеживает популярные и сезонные запросы в Google. Смотрите тут, растет ли популярность ваших ключей год от года или нет. Как они заходят в разные месяцы и кварталы. Можно даже за последний час проверить. Есть анализ по общему поиску, по новостям, картинкам и YouTube.

Тургенев — намекает, когда увлеклись с ключами. Покажите ему свои тексты и узнаете, грозит ли им Баден-Баден вниз по поиску. Мы про алгоритм от Яндекса, который карает за обилие ключей в тексте — понижением в выдаче, конечно.

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

Texthandler — почти англоязычный Типограф, с русским текстом тоже работает. Удаляет двойные пробелы и разрывы строк, сохраняя абзацы. Оборачивает абзацы в <p> и расставляет <br />. Меняет регистр букв: ВСЕ ПРОПИСНЫЕ, все строчные, чЕрЕдОвАнИе РеГиСтРоВ и ещё пара интересных вариантов.

Ilovepdf — работает с pdf. Объединяйте и разъединяйте, сжимайте и поворачивайте, вставляйте и извлекайте изображения. Инструмент для любителей pdf, что сказать.

Сервисы для работы с изображениями

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

Shutterstock — раздаёт бесплатные иллюстрации и платные фото. Заходите, платите, радуйтесь. Платные стоки тоже ещё знаем: мы и Google.

Flaticon — хранит иконки. Подбирайте на свой вкус, есть бесплатные и платные, чёрно-белые и цветные, линейные и с заливкой, отдельные и наборами — самых разных тематик.

TinyPNG — сжимает изображения. Заливайте любые картинки в формате PNG — съест всё лишнее и сохранит качество. Зачем? Затем что место на сервере не бывает лишним, а тяжелые странички дольше грузятся. После сжатия можно смело добавлять всё на сайт.

FireShot — скриншотит, умеет захватывать только видимую область экрана. Скачайте это расширение и пользуйтесь им прямо из браузера (Google Chrome, Mozilla FireFox, Opera). Иконку найдёте рядом с адресной строкой.

Window Resizer — подгоняет ваше окно браузера под окно на Айфоне, лэптопе и декстопе с разными разрешениями. Поставьте себе это расширение и тестируйте верстку, работает с Google Chrome, Mozilla FireFox и Opera. Ещё хорошо сочетается со скриншотилкой выше — можно делать скрины определённого размера.

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

Сanva — дизайнит. Создавайте плакаты и презентации, баннеры и флаеры, иллюстрации для соцсетей и приглашения. Можно из собственных картинок и фото или из шаблонов Canva. Есть бесплатные и платные шаблоны для шапок соцсетей, постов и даже формат сторис.

Сервисы для создания сайтов

Website

Online-convert — конвертирует изображения в 12 разных форматов. Делайте из логотипов фавиконки, например.

Google Fonts — распространяет бесплатные шрифты. Качайте, в библиотеке 800+ вариантов.

Beautifier.io — делает нечитаемый код читаемым, поддерживает CSS, HTML, JavaScript. Форматируйте код, ужатый в одну строку — приведёт к стандартному виду.

Декодер — делает нечитаемый текст читаемым. Если вместо сообщения на странице вы видите %D0%98%D0%A1%D0%9F%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC,
с кодировкой что-то не так. Скопируйте кракозябры в декодер и узнаете расшифровку.

Colorzilla — распознаёт цвета кнопок, плашек и любых других веб-элементов. Установите расширение для Google Chrome или Mozilla FireFox и пользуйтесь. Один клик — и у вас есть цветовой код, второй клик — код сохранён в буфере. Ещё можно делать градиенты.

Apps.eky — генерирует CSS-треугольники. Не волнуйтесь, что средствами CSS треугольник не сделать. В этом сервисе достаточно указать размер, тип и направление фигуры. Готово — можно копировать себе код из колонки CSS.

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

Конструктор карт Яндекса — генерирует виджет карты, есть аналогичные сервисы от 2ГИС и Google. Выберите, какая карта удобнее для ваших пользователей и добавьте её на сайт — в контакты, например.

Dimensions — считает пиксели в вебе. Измеряйте расстояние между элементами в Google Chrome. Аналогичное расширение для Opera — OMeasure!, для Firefox — Measure-it.

ColorPicker Eyedropper — определяет цвета в вебе. Запипечивайте цвета в Google Chrome, Mozilla Firefox, Opera и выясняйте их коды.

Сервисы для продвижения сайта

Promotion

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

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

Google Реклама — «сервирует» рекламу: медийную и контекстную. Создавайте объявления для поиска, баннеры и видеоролики для сторонних площадок. Есть руководство с рекомендациями для новичков.

Яндекс.Директ — делает то же, что и Google Adwords. Только контекстная реклама будет в поиске Яндекса. Тоже есть обучение для новичков.

Mailchimp — отправляет рассылки. Храните 2000 адресов и отправляйте до 12000 писем в месяц — это бесплатно, больше — платно. Рассылки можно создавать из красивых шаблонов. Правда, интерфейс только на английском и в бесплатной версии нельзя делать авторассылки. Зато сервис проверенный и доставляемость писем — 96-99%.

Keywordtool — помогает подбирать ключи для Google, Youtube, Bing, Amazon и App Store. Считается упрощенной альтернативой Google Keyword Planner. В бесплатной версии генерирует до 750 запросов, но без данных о частоте употребления.

Sitechecker — делает SEO-аудит. Дайте ему ссылку на нужную страницу, и узнаете основные SEO-показатели сайта. Сервис проверит заголовки и метатеги, просканирует ссылки. Укажет на ошибки, скажет, какие из них критические.

Google Page Speed Insights — анализирует скорость открытия страниц на ПК и на мобильном. Введите URL и узнаете время загрузки, а также рекомендации, как его уменьшить.

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

Link Checker от W3C validator — чекает ссылки. Проверяйте отдельные страницы или сайт целиком — найдёт битые ссылки и несуществующие страницы.

Mobile-friendly Test, инструмент Google Search Console — проверяет, удобно ли просматривать страницу на мобильных устройствах. Введите URL и узнаете результат.

SSL Checker — проверяет, правильно ли установлен SSL-сертификат. Можно поставить напоминание об истечении срока SSL — бесплатно, круть! Особенно удобно для Let’s Encrypt, который надо перевыпускать несколько раз в год. Или не надо, если работать с Vepp.

Vepp — автоматически выпускает Let’s Encrypt, если создать сайт на домене, привязанном к серверу. Если привязать домен позже — можно заполучить бесплатный SSL в три клика. А ещё Vepp автоматически продляет Let’s Encrypt.

 

Платный сертификат тоже можно поставить в три клика прямо из карточки сайта. Тут даже инструкция не нужна. Попробуйте!

Настя Кузнецова
Редактор