Содержание
Как создать веб-сайт: 53 бесплатных или недорогих инструмента
Как создатель веб-сайта, вы можете чувствовать себя немного перегруженным всеми шагами, которые необходимо предпринять, чтобы воплотить свое видение в жизнь. От того, как создать веб-сайт до того, какие цвета и шрифты вы можете использовать, от того, где брать исходные изображения, до того, какие платформы вам доступны, мы составили список, чтобы вы могли быстро перейти от идеи к созданию.
Вот наш список из 54 бесплатных или дешевых инструментов для создания собственного веб-сайта. Они не в каком-то определенном порядке, и мы признаем, что некоторые из них будут лучше, чем другие, в зависимости от ваших потребностей. Есть много инструментов, так что используйте их как отправную точку. Наслаждайтесь, и удачи!
Получить доменное имя
Наведите курсор… ага. Вы хотите сами владеть своим доменным именем, а не привязывать его к какому-то одному сервису или платформе. С Hover вы регистрируете свой домен, а затем используете его с любыми услугами, которые хотите.
Это дает вам возможность перемещаться без хлопот, связанных с перемещением вашего доменного имени.
Создание веб-сайта
Конструкторы веб-сайтов помогают — да — создать ваш веб-сайт с нуля. Они предлагают шаблоны и инструменты, которые помогут это осуществить. Вот некоторые из наших любимых:
Bookmark – первое и самое быстрое в мире решение для создания веб-сайтов и интернет-магазинов на базе искусственного интеллекта. С Bookmark любой может добиться успеха в Интернете, независимо от своего прошлого опыта или дизайнерских навыков. Они предлагают конкурентоспособные цены и бесплатную пробную версию.
Wix — известный бесплатный конструктор сайтов с функцией перетаскивания. Премиум-функции стоят дополнительно: от 5 долларов в месяц за базовые обновления до 29 долларов в месяц для сайтов, требующих большого объема памяти, возможности видео, дизайна логотипа и удаления всей рекламы Wix.
Webflow — Создайте свой веб-сайт, используя более 100 настраиваемых шаблонов.
Webflow упрощает работу с автоматическими обновлениями, настраиваемыми возможностями SEO, редактированием на странице и многим другим. Вся персонализация, которую вы хотели бы, без необходимости кодирования с вашей стороны.
Squarespace — еще один популярный и мощный конструктор веб-сайтов с возможностью перетаскивания, множеством стильных настраиваемых тем и бесплатным конструктором логотипов. Планы начинаются с 12 долларов в месяц за базовый вариант и доходят до 40 долларов в месяц за полное использование множества инструментов электронной коммерции и маркетинга.
Weebly — бесплатный конструктор с функцией перетаскивания, включающий корзину для покупок, SEO, а также поддержку в чате и по электронной почте. Дополнительные премиум-функции стоят от 7 до 30 долларов в месяц за неограниченное хранилище, дополнительные коммерческие функции и функции безопасности, а также приоритетную поддержку.
Pixpa — конструктор веб-сайтов-портфолио со встроенными клиентскими галереями, блогами, магазином электронной коммерции и круглосуточной поддержкой.
Цены начинаются от 7 долларов в месяц и доходят до 16 долларов в месяц за неограниченное количество страниц, управление запасами и расширенные списки рассылки.
Pixieset. Этот конструктор предлагает бесплатное членство и членство на основе подписки до 40 долларов в месяц с упором на шаблоны на основе изображений. Уровни членства, похоже, в первую очередь зависят от места для хранения.
Создайте свой веб-сайт
Эти инструменты могут помочь вам понять, как по-настоящему настроить свой веб-сайт, если вы отказываетесь от шаблонов и предпочитаете программировать.
Цветовые схемы
Цветовые круги помогут вам определить, какие цветовые комбинации лучше всего подходят для вашей эстетики.
Adobe Color — усовершенствованный цветовой круг с множеством параметров и движущихся частей, который поможет вам создать идеальную цветовую палитру.
Палитра — Еще одно цветовое колесо с очень простым интерфейсом.
Coolors. Клавиша пробела будет генерировать случайные цвета, и вы можете заблокировать или удалить их, нажимая клавишу пробела, чтобы генерировать больше, чтобы дополнить ваш выбор.
Вы также можете использовать приложение Coolers for iOS.
Цветовой код — вместо того, чтобы перетаскивать точки по колесу, просто перемещайте мышь по экрану, чтобы создавать цвета, и боковое меню, чтобы добавлять параметры. Также бесплатно.
COLOURlovers. Несмотря на то, что эта бесплатная коллекция, созданная сообществом, выглядит несколько примитивно, она содержит великолепные цветовые схемы, узоры и уникальные изображения.
Шрифты
Создайте уникальный веб-сайт, используя различные шрифты, чтобы подчеркнуть свою индивидуальность или бренд. Вот несколько полезных инструментов:
Font Squirrel — обширная коллекция бесплатно подобранных высококачественных шрифтов.
MyFonts. Если вы видели шрифт, который вам нравится, но не знаете его названия, загрузите его снимок экрана и дайте сайту найти его или аналогичный для вас, используя их What The Font! окно поиска.
Google Fonts. Откройте для себя и точно настройте настраиваемые шрифты и легко интегрируйте их на свой сайт.
Просто введите свое слово или предложение и посмотрите его в любом из 9Доступно 99 шрифтов — все бесплатно.
Typetester — отличный инструмент для параллельного сравнения шрифтов, позволяющий разрабатывать шрифты, сужать варианты или проверять, какие шрифты хорошо сочетаются друг с другом.
Стоковые изображения и векторы
Изображения и значки, которые сделают ваш веб-сайт заметным:
Pixabay – Обширная (насчитывающая более 1,8 миллиона) коллекция бесплатных и бесплатных стоковых изображений, векторов, иллюстраций и видео.
NounProject — векторные иконки, созданные сообществом, бесплатно с указанием авторства или за 1 доллар без указания авторства. Доступно более 1 миллиона значков, и каждый день добавляются новые значки. Платный вариант позволяет использовать значки без лицензионных отчислений.
Vecteezy — поиск среди изображений, одобренных для повторного использования (с указанием автора). Ознакомьтесь с их часто задаваемыми вопросами, чтобы узнать о лицензировании и разрешениях перед загрузкой, чтобы убедиться, что вы понимаете, как работает атрибуция!
Findicons — Большая коллекция (+500 000) бесплатных иконок и иллюстраций, а также бесплатный конвертер иконок для преобразования вашей иконки в любой нужный вам формат.
Подгузник. Эта бесплатная коллекция эстетически привлекательных изображений в высоком разрешении, на которых изображены цветные люди, постоянно пополняется.
Pexels — Красивые, современные, трендовые изображения предоставляются бесплатно с указанием автора. Все изображения могут быть загружены в различных размерах в соответствии с вашими потребностями.
Unsplash. И последнее, но не менее важное: на этом сайте представлены высококачественные редакционные изображения от всемирно известного сообщества фотографов, которые содержат более 1 миллиона фотографий для вашего брендинга. Изображения могут быть загружены в разных размерах, и приветствуется ссылка на фотографа.
Редактирование изображений
Photoshop/Lightroom — золотой стандарт редактирования изображений, используемый ведущими профессионалами, теперь имеет новую цену в размере 9,99 долларов США в месяц как часть Adobe Creative Cloud, что делает его немного более доступным для новых пользователей, чем раньше.
GIMP — полностью бесплатный редактор с открытым исходным кодом и популярная альтернатива Photoshop, совместимая с Mac, Windows и Linux.
Pixlr — бесплатная браузерная альтернатива программным редакторам изображений. За 3,99 доллара в месяц пользователи могут перейти на дополнительные функции (3000 оверлеев, а также наклейки и тексты) и за 14,9 доллара.9 в месяц, пользователи могут не видеть рекламы, больше функций (более 28 000 оверлеев!), а также круглосуточная поддержка 7 дней в неделю.
Canva — браузерный редактор изображений с функцией перетаскивания, созданный для недизайнеров. Выбирайте макеты, фоновые изображения и добавляйте текст, чтобы создавать впечатляющие изображения и зацикливать видео. Загружайте свои собственные изображения, используйте бесплатные включенные или покупайте премиальные изображения за небольшую плату.
BeFunky — простой в использовании браузерный фоторедактор, который также можно использовать для создания коллажей и создания шаблонов для маркетинговых материалов.
Получите его бесплатно, если не возражаете против рекламы, или оплатите подписку, чтобы обойтись без рекламы.
Контент для вашего веб-сайта
Если вы создаете веб-сайт, мы предполагаем, что вы захотите добавить на него контент. Начните работу с этими инструментами:
Ведение блога
WordPress — это бесспорно самая популярная платформа для ведения блога (мы также используем ее для блога Hover). Бесплатный и простой в использовании с бесконечным выбором плагинов.
Tumblr. Стандарт для микроблогов позволяет быстро обмениваться изображениями, аудио, видео, текстом и всем, что только можно придумать, со своей аудиторией. Это также бесплатно.
Svbtle. Упрощенный интерфейс позволяет вам сосредоточиться на письме, а не перегружать вас кучей виджетов, меню и других отвлекающих факторов. Это обойдется вам в 6 долларов в месяц.
Ghost. Еще одна платформа для ведения блогов без отвлекающих факторов. Ghost предлагает отличный параллельный просмотр ваших текстов и предварительный просмотр конечного продукта.
Бесплатно, если вы размещаете свои собственные или платные планы, начиная с 29 долларов в месяц, которые включают плагины для членства, подписки, информационные бюллетени и безопасность.
Posthaven. Posthaven делает все проще и уникальнее тем, что позволяет вам публиковать сообщения в своем блоге, отправляя электронное письмо. Просто напишите свой контент, добавьте вложения и отправьте. Еще проще его цена — всего 5 долларов в месяц.
Postach.io — легко публикуйте статьи из других приложений, которые вы уже используете, включая Dropbox, Evernote и Pocket. Бесплатно или 5 долларов в месяц за дополнительные функции, такие как несколько сайтов, сайты, защищенные паролем, и несколько авторов. Бонусные баллы за использование взлома домена.
Forms
Reformed — бесплатный простой редактор форм, который будет заполнять любые элементы, которые вы хотите, и генерировать HTML. Вам нужно немного знать HTML для дальнейшей настройки формы, и вам придется собирать и управлять записями.
Google Forms. Как и большинство продуктов Google, Google Forms — это многофункциональное средство для создания форм, доступное совершенно бесплатно. Создавайте опросы, собирайте адреса электронной почты, проводите викторины и многое другое с очень простым интерфейсом.
pForm — быстрый и бесплатный инструмент для создания HTML-форм. Выберите стиль, элементы для включения, а затем загрузите HTML. Добавьте дополнительные функции с помощью MachForm, включая автоматическую отправку результатов на вашу электронную почту, электронные письма с автоответчиком, загрузку файлов и платежи PayPal за 15 долларов в месяц.
Wufoo — используйте их шаблоны или просто выберите элементы, которые вы хотите включить в свою форму, и настройте их по своему вкусу. Интегрируется с Twitter, MailChimp, WordPress и предлагает инструменты отчетности и анализа. Бесплатно для одного пользователя с тремя формами, тремя отчетами и 10 полями. Платные планы начинаются примерно с 14 долларов в месяц.
JotForm — многофункциональный редактор, который позволит вам создавать настраиваемые формы и даже размещать их для вас. Бесплатно при 100 ежемесячных представлениях. Платные планы начинаются с 9,95 долларов в месяц и включают в себя больше заявок, платежей, хранения и дополнительных учетных записей.
Zoho — Редактор с функцией перетаскивания, который упрощает создание форм. Zoho также будет собирать отправленные формы и управлять ими. Доступны бесплатные или платные планы, начиная с 8 долларов США в месяц, для большего количества записей, хранилища, индивидуального брендинга и других функций.
Комментарии
Disqus — добавьте красивый раздел комментариев в любой раздел вашего сайта. Disqus позволяет посетителям находить на вашем сайте другой отличный контент, вызывающий дискуссии, а также позволяет настраивать уведомления и отслеживать взаимодействие. Он прост в использовании и, самое главное, бесплатный.
IntenseDebate — бесплатная платформа для комментариев, созданная людьми, стоящими за WordPress, PollDaddy и Akismet.
Функции включают в себя возможность твитить комментарий, автоматическое удаление или автоматическую фильтрацию комментариев, получение уведомлений по электронной почте и блокировку спам-комментариев.
Информационные бюллетени
MailChimp — многофункциональный сервис, который позволит вам создавать красивые электронные письма и опросы, объединять подписчиков в разные списки, использовать A/B-тестирование, анализировать успех ваших кампаний и многое другое. Если у вас больше 2000 подписчиков, перейдите на ежемесячную учетную запись всего за 9,99 долларов США или купите кредиты, чтобы платить за каждую отправку.
Campaign Monitor — отличный инструмент для создания электронной почты с помощью перетаскивания, содержательной аналитики и интеграции с социальными сетями. Планы начинаются с $9ежемесячно.
AWeber — полнофункциональная платформа с редактором перетаскивания, сегментацией подписчиков, аналитикой и даже RSS-на-электронной почтой, чтобы автоматически держать людей в курсе.
Бесплатно, если у вас менее 500 подписчиков.
Инструменты веб-аналитики
После создания веб-сайта вам необходимо отслеживать его активность. Вот инструменты, которые помогут вам в этом:
На месте
Google Analytics — бесплатный инструмент Google позволит вам узнать все, что нужно знать об успехе вашего ушли и откуда они пришли, чтобы помочь вам оптимизировать сайт на основе поведения посетителей.
Matomo Analytics — платформа веб-аналитики с открытым исходным кодом, которая обещает защитить ваши данные и конфиденциальность, предоставляя пользователю 100-процентное право собственности. Это дает отличное представление о том, что работает (и, что более важно, что не является ) и является бесплатным, если вы размещаете его самостоятельно. В противном случае цены зависят от трафика страницы, начиная с 29 долларов в месяц за 50 тысяч просмотров страниц.
Ubersuggest — бесплатный инструмент аналитики, помогающий идентифицировать ключевые слова, разрабатывать идеи контента и увеличивать поток трафика.
Цены на пакеты начинаются от 29 долларов.в месяц и включает в себя обучающие видео, шаблоны, отслеживание и кучу поддержки клиентов. Подпишитесь на рассылку, чтобы получать бесплатную консультацию специалиста.
Crazy Egg. Посмотрите, как посетители взаимодействуют с вашим веб-сайтом, с помощью тепловых карт того, где люди нажимали, и с высоты птичьего полета узнайте, где люди взаимодействуют с вашим веб-сайтом и где они останавливаются. Используйте эту информацию и редактируйте свой веб-сайт, чтобы увеличить вовлеченность, трафик или конверсию. Планы начинаются с 9 долларов в месяц.
Open Web Analytics — полностью бесплатная платформа веб-аналитики с открытым исходным кодом, которая включает тепловые карты, геолокацию и отслеживание поисковых запросов для понимания посетителей, их пути и навигации по вашему сайту. Лучше всего то, что нет дополнительных продаж — сервис полностью зависит от пожертвований пользователей.
За пределами сайта
Оповещения Google — бесплатный и простой инструмент, который будет отправлять вам уведомления всякий раз, когда вас упоминают в Интернете — по имени, названию вашего бренда или компании или по любому ключевому слову, которое вы выберете.
BuzzSumo — Узнайте, где вас упомянули или сколько раз статьи были опубликованы в разных социальных сетях. Узнайте, какой связанный контент находится в тренде или какие вопросы люди задают в Интернете. Этот инструмент бесплатный для достижения наилучших результатов. Платные планы с полными результатами, несколькими пользователями, оповещениями, анализом контента и многим другим начинаются с 9 долларов.9 в месяц.
Hootsuite — отличная универсальная платформа для управления социальными сетями. Hootsuite позволяет настроить персональную панель инструментов, чтобы вы никогда не пропускали упоминания и расширяли свое присутствие в Интернете. Вы сможете получить все, что вам нужно, из бесплатного плана, но если нет, то пакет первого уровня стоит от 29 долларов в месяц.
Sprout Social — оптимизируйте свои социальные сети и поймите своих подписчиков. Как и Hootsuite, этот инструмент собирает много данных для анализа вовлеченности и подписки, а также помогает вам организовать рабочий процесс.