Создание сайтов кодами — это три разные темы, которые поиск склеивает в одну: код, из которого состоит сам сайт, готовые коды блоков, которые вставляют в сайт, и коды ОКВЭД для тех, кто делает сайты как бизнес. Почти вся выдача отвечает только на первую — и только для новичков с Блокнотом.
Ниже — что такое чистый код и зачем он заказчику, а не только программисту, какие коды при создании сайтов вставляют почти всегда и куда, как не навредить сайту чужим кодом и какие коды ОКВЭД выбрать для деятельности по созданию сайтов. В статье два помощника: проверка HTML-фрагмента на чистоту и подбор кодов ОКВЭД.
Нужен сайт с чистым кодом, который быстро грузится и легко правится? Создание сайтов под ключ: лендинг — от 15 000 ₽ за 3–7 дней, корпоративный сайт — от 40 000 ₽. Вёрстка с нуля или на WordPress, исходники и доступы — ваши.
Тридцать страниц поиска: HTML — 23 раза, ОКВЭД и скорость — ни разу
Я просмотрел тридцать страниц, которые поиск показывает по запросам о создании сайтов кодами, и посчитал, о чём они.
HTML упоминают 23 страницы из тридцати, пятнадцать прямо адресованы новичкам, семь предлагают делать сайт в Блокноте. CSS встречается на восьми страницах, JavaScript — на двух. Это учебники первого шага: открыть файл, написать теги, увидеть страницу в браузере.
При этом ни одна страница не говорит, зачем чистый код нужен владельцу сайта, какие готовые коды почти всегда вставляют в сайт и как это делать безопасно. И ни одна не отвечает тем, кто ищет коды ОКВЭД для создания сайтов, — хотя такие запросы есть в кластере. Учебник HTML на нашем блоге уже есть, поэтому здесь — о другом.
Чистый код: создание сайтов, которые легко менять
Чистый код — это не красота ради программистов. Для владельца сайта у него четыре практических следствия.
- Скорость. Страница без лишних библиотек, дублирующихся стилей и неиспользуемых скриптов грузится быстрее, особенно на мобильном интернете.
- Поиск. Поисковым роботам проще понять страницу, где заголовки размечены заголовками, списки — списками, а у картинок есть описания.
- Правки. Поменять цвет кнопки во всём сайте — одна строка в файле стилей, если стили собраны в одном месте, и полдня, если они разбросаны по каждому элементу.
- Передача. Другой вебмастер разберётся в чистом коде за час. В запутанном — предложит переделать всё заново.
Признаки грязного кода видны даже без глубоких знаний: стили прописаны прямо в каждом теге, страница свёрстана таблицами, используются устаревшие теги вроде <font> и <center>, у изображений нет описаний, заголовков первого уровня на странице несколько или нет вовсе.
Проверьте фрагмент кода
Вставьте в поле HTML-код страницы или её части — например, скопированный из «Просмотра кода страницы». Помощник проверит восемь признаков. Код никуда не отправляется, проверка идёт в вашем браузере.
Найдено проблем: 0 из 8
Восемь признаков — это не полный аудит кода, а быстрый фильтр небрежности. Страница может пройти их все и всё равно грузиться медленно из-за тяжёлых картинок или десятка внешних скриптов. Но если проверка находит четыре проблемы и больше, страницу почти наверняка дешевле переверстать, чем чинить по строчке.
Совет вебмастера: при приёмке сайта попросите исполнителя показать, где лежат стили и скрипты. Если ответ «в каждой странице свои» — правки в будущем будут дорогими. В аккуратном проекте оформление собрано в нескольких файлах, а страницы содержат только разметку и текст.
Коды блоков для создания сайтов: что вставляют почти всегда
Вторая тема — готовые коды, которые вставляют в сайт: на конструкторе, на системе управления или в самописный сайт. Список кодов для создания сайтов, который нужен почти каждому, короче, чем кажется.
- Счётчик Яндекс Метрики. Код из личного кабинета Метрики; без него вы не узнаете, сколько людей пришло и что они делали.
- Подтверждение прав в Яндекс Вебмастере. Одна строка с мета-тегом или файл в корне сайта — нужно, чтобы видеть, как поиск индексирует сайт.
- Микроразметка. Описание организации, контактов, товаров или вопросов-ответов в понятном поиску формате.
- Карта проезда. Код виджета карты для страницы контактов.
- Виджет онлайн-чата или кнопки мессенджеров. Если заявки приходят в чат, это главный код после формы.
- Пиксели рекламных систем. Только если вы запускаете рекламу и знаете, зачем они нужны.
Каждый лишний код — это лишний внешний скрипт, который замедляет страницу. Поэтому правило простое: вставляйте только коды, которыми вы действительно пользуетесь, и удаляйте те, от которых отказались.
В конструкторах для этого есть специальные места: поле для кода в настройках сайта (попадает в служебную часть всех страниц) и блок «HTML-код» внутри страницы. В WordPress коды обычно добавляют через настройки темы или отдельный модуль, а не правкой файлов темы: при обновлении темы правки в её файлах пропадут.
Как не навредить сайту чужим кодом
❌ Опасно
- Код с форума или из видео без понимания, что он делает.
- Скрипт, который подгружает что-то с незнакомого домена.
- Код «бесплатного счётчика посещаемости» или «виджета погоды» неизвестного сервиса.
- Вставка прямо в файлы темы без резервной копии.
✅ Безопасно
- Код из личного кабинета сервиса, которым вы пользуетесь.
- Резервная копия перед любой вставкой.
- Проверка страницы на телефоне сразу после вставки.
- Список вставленных кодов: что, куда и зачем.
Чужой скрипт на сайте получает те же возможности, что и ваш собственный: он может показывать рекламу, перенаправлять посетителей или собирать то, что они вводят в формы. Поэтому коды из непроверенных источников — самый частый путь к взлому небольших сайтов.
Создание сайтов с кодом и без: когда код важен
Не каждый сайт требует ручного кода. Создание сайтов с кодом и без него — это три уровня, и на каждом код значит своё.
- Конструктор. Код за вас пишет сервис, и изменить его целиком нельзя. Вы управляете только вставками: счётчиками, виджетами, отдельными HTML-блоками. Чистота кода здесь — это прежде всего отсутствие лишних вставок.
- Система управления. Код состоит из ядра, темы и модулей. Ядро вы не трогаете, а вот тема и модули решают, будет ли страница лёгкой. Тяжёлая тема с десятком модулей «на всякий случай» даёт тот же результат, что грязная ручная вёрстка.
- Вёрстка с нуля. Каждая строка кода написана под задачу. Это даёт самую лёгкую страницу и полный контроль, но правки потом требуют вебмастера, если не подключена система управления.
Для лендинга вёрстка с нуля часто оправдана: одна страница, которую редко меняют, а скорость важна для рекламы. Для корпоративного сайта, где тексты и цены правят регулярно, удобнее система управления с аккуратной темой — я обычно делаю такие сайты на WordPress. Для магазина — специализированная система вроде OpenCart. Во всех трёх случаях чистый код — это не отдельная услуга, а способ работы.
Редактор, в котором пишут код, большой роли для заказчика не играет. Visual Studio Code — создание сайтов в нём сегодня самый распространённый вариант среди вебмастеров, но результат зависит от того, кто пишет, а не от программы. Важнее, чтобы исходники хранились в одном месте, а у вас была их копия.
Программа для создания кода сайта и онлайн-редакторы
Программный код для создания сайта пишут в редакторах кода — это обычные программы, которые подсвечивают теги, подсказывают и находят ошибки. Блокнот подходит для первой страницы, но не для работы: в нём нет ни подсветки, ни проверки.
Создание кода сайта онлайн тоже возможно: онлайн-песочницы вроде CodePen или JSFiddle позволяют написать HTML, CSS и JavaScript в браузере и сразу увидеть результат. Это удобно, чтобы проверить идею или показать фрагмент, но создание сайта онлайн с кодом в песочнице не даёт готового сайта — для публикации всё равно нужны домен и хостинг. Создание сайта по коду онлайн с помощью нейросети работает так же: нейросеть выдаёт черновик кода, который нужно проверить, доработать и разместить.
Создание своего сайта: коды из учебников, хтмл-коды создания сайтов из примеров и сгенерированные фрагменты — хорошая отправная точка. Но разница между учебной страницей и рабочим сайтом — в том, что вокруг кода: адаптивность, скорость, формы, которые доходят до получателя, SEO-основа, резервные копии.
Я часто получаю сайты на доработку, где каждый следующий исполнитель вставлял свой код поверх предыдущего. В итоге на странице три счётчика, два чата и стили, которые спорят друг с другом. Иногда самая полезная работа — не добавить код, а удалить половину.
— Александр Рожков
Коды ОКВЭД для создания сайтов
Третья тема не про программирование, а про регистрацию бизнеса. Если вы регистрируете ИП или компанию, которая будет делать сайты, нужно указать коды видов деятельности по классификатору ОКВЭД. Отметьте, чем собираетесь заниматься, — помощник покажет подходящие коды.
Подбор кодов ОКВЭД
- 62.01 — разработка компьютерного программного обеспечения
Основным выбирают код, по которому ожидается большая часть дохода, остальные — дополнительными. Формулировки и актуальность кодов сверьте с действующей редакцией классификатора перед подачей документов.
Коды ОКВЭД для создания сайтов чаще всего начинаются с 62.01 — разработки программного обеспечения: сайт с точки зрения классификатора и есть программа. Поддержку и настройку относят к 62.02, а если вы планируете продавать хостинг или вести собственный портал, добавляют 63.11 и 63.12. Дизайн и реклама идут отдельными кодами.
Если вы работаете как самозанятый, оквэд-код создание сайтов не требует: при регистрации самозанятым виды деятельности выбираются из списка в приложении, и коды классификатора не указываются. Для ИП и ООО коды важны — от основного кода могут зависеть льготы и отчётность, поэтому окончательный выбор стоит обсудить с бухгалтером.
Список кодов не высечен в камне: если со временем вы начнёте продавать хостинг или вести рекламные кампании клиентов, дополнительные коды можно добавить, подав заявление об изменениях в налоговую. Главное — чтобы фактическая деятельность и основной код не расходились, особенно если вы рассчитываете на льготы для IT-компаний: у них свои требования, которые стоит проверить заранее.
Хотите сайт, в коде которого разберётся любой вебмастер, а не только автор? Опишите задачу — назову срок и цену до начала работ. Ориентир по ценам — в калькуляторе, условия — на странице создания сайтов. Если сайт уже есть и в нём накопились чужие коды, начните с поддержки: уберём лишнее и наведём порядок.
Итог
«Коды» в запросе о сайте — это код самого сайта, готовые коды блоков и коды ОКВЭД. Чистый код нужен владельцу ради скорости, поиска, дешёвых правок и возможности сменить исполнителя. Готовые коды вставляют только из кабинетов сервисов, которыми пользуются, и только с резервной копией. Для регистрации бизнеса по созданию сайтов основной код обычно 62.01, остальные добавляют по видам работ.
Если нужен сайт с аккуратным кодом и передачей исходников, условия — на странице создания сайтов.
Опрос
Какие «коды» вы искали?
Проголосуйте, чтобы увидеть, как думают другие читатели
Часто задаваемые вопросы
Что такое чистый код сайта?
Код, в котором разметка, оформление и скрипты разделены, заголовки и списки размечены по смыслу, нет устаревших тегов и лишних библиотек. Владельцу он даёт скорость, понятность для поиска, дешёвые правки и возможность сменить исполнителя.
Какие коды нужно вставить в сайт?
Почти всегда — счётчик Яндекс Метрики и подтверждение прав в Яндекс Вебмастере. По необходимости — микроразметку, карту, виджет чата или кнопки мессенджеров, пиксели рекламы.
Куда вставлять код счётчика?
В служебную часть страницы (head) всех страниц. В конструкторах для этого есть поле в настройках сайта, в WordPress — настройки темы или отдельный модуль.
Опасно ли вставлять чужой код?
Да, если источник непроверенный. Чужой скрипт может показывать рекламу, перенаправлять посетителей или собирать данные из форм. Вставляйте коды только из кабинетов сервисов, которыми пользуетесь, и с резервной копией.
В какой программе писать код сайта?
В редакторе кода с подсветкой и подсказками. Блокнот годится для первой учебной страницы. Онлайн-песочницы удобны, чтобы проверить фрагмент, но не заменяют хостинг.
Какой код ОКВЭД выбрать для создания сайтов?
Обычно основной — 62.01, разработка программного обеспечения. Дополнительно — 62.02 для поддержки, 63.11 для хостинга, 63.12 для порталов, 74.10 для дизайна, 73.11 для рекламы. Сверьте с действующим классификатором.
Нужен ли ОКВЭД самозанятому?
Нет. При регистрации самозанятым вид деятельности выбирают из списка в приложении, коды классификатора не указываются.
