Версткасайтов: статьи и новости по теме

"Мои страницы выглядят как прошлый век..."

Вы приходите на платформу за автоматизацией и продажами, а оказываетесь перед чистым листом в Визуальном редакторе. Типичные проблемы в работе с Геткурс:

Selectel

Разработка

29.05.2024

Шпаргалка по SEO для веб-разработчиков: что учесть при верстке сайта, чтобы он взлетел в поисковой выдаче

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

Iprodvinem

25.11.2023

5+ курсов по Верстке сайт: лучшее платное и бесплатное обучение для верстальщика

Ищете курс по верстке сайтов, чтобы стать верстальщиком с нуля? Мы собрали ТОП-5+ обучающих программ, включая как бесплатные, так и платные курсы по HTML и верстке. Эти курсы помогут вам начать обучение с нуля и приобрести необходимые навыки, чтобы стать успешным верстальщиком.

Евгений Воронюк

22.03.2023

Создание несложного сайта трудному клиенту

Вчера сижу пью кофе и вспомнил один забавный случай из своей практики.

\n","lang":""}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Деплой HTML-кода на облачный сервер"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Итак, мы создали HTML-документ по всем правилам семантической верстки и применили OG-разметку. Теперь задеплоим его на облачный сервер. Можно собрать минимальную конфигурацию за 30 рублей в день, потому что сейчас большие мощности нам не нужны.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Идем в панель управления и переходим в раздел Облачная платформа.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"cc1d6c30-9b3d-5860-9ce9-53445e13b196","width":1448,"height":764,"size":120028,"type":"png","color":"e1e4e9","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAgMJ/8QAIhAAAQQBAgcAAAAAAAAAAAAAAQACAxEEEkETIjE0UXKR/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAMAwEAAhEDEQA/ANSA2SThPjeXM078wvygRjxbNwx3v0RMLD7eP1CUipjYTZY34iV//9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Здесь создаем сервер произвольной конфигурации. Для простого HTML мы можем обойтись одним ядром vCPU, 512 МБ оперативной памяти и 8 ГБ места на SSD:

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"11ab7085-d084-5003-8246-2e31eee3a80a","width":1870,"height":764,"size":159617,"type":"png","color":"e5edf2","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAEJ/8QAIBAAAgEEAQUAAAAAAAAAAAAAAQIRAAMEIZESEyJTkv/EABYBAQEBAAAAAAAAAAAAAAAAAAECA//EABYRAQEBAAAAAAAAAAAAAAAAAAABEv/aAAwDAQACEQMRAD8A0/tNizDPeAJJ0pgHirxaz3DRl44EdZ+TRincHxXY2B5HTwN0VS9y57G5pD//2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Создаем сервер и подключаемся к серверу по SSH — отлично, осталось подготовить веб-сервер.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

1. Чтобы устанавливать только актуальные пакеты, обновляем репозиторий:

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"sudo apt update","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

2. Устанавливаем Nginx, чтобы раздавать наш index.html:

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"sudo apt install nginx","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

3. В папке sites enabled устанавливаем Vim, чтобы редактировать текстовые файлы.

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"/etc/nginx/sites-enabled# apt install vim","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

4. Находим root — это место, где будет храниться HTML-файл. В нашем случае это папка var/www/html. Идем туда и создаем index.html:

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"vim index.html","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

5. Копируем в открывшийся текстовый редактор наш HTML-код, выходим из Vim.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

6. Перезапускаем Nginx:

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"sudo service nginx restart","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Чтобы убедиться, что все работает, вставляем в адресную строку браузера публичный IP-адрес облачного сервера. Видим заветную строку «Hello world», все работает.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"35b74006-ec9a-5929-9677-0764d17d344b","width":1920,"height":665,"size":27294,"type":"png","color":"e8eaf2","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAEDCf/EAB0QAAICAQUAAAAAAAAAAAAAAAACAwQBEyFTgZH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAwDAQACEQMRAD8A1OWtXXZYUx0XaHoQ8SeDaKEAB//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Но IP-адреса все же недостаточно: если мы вставим его, например, в Telegram, мессенджер его никак не обработает, потому что это не ссылка.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"7f45eecf-1212-55cc-8844-bd41fb9244a2","width":285,"height":82,"size":12943,"type":"png","color":"eaf9da","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwIJ/8QAIhAAAQQABQUAAAAAAAAAAAAAAQACAxEEISIzkgUVUVLS/8QAGAEAAgMAAAAAAAAAAAAAAAAAAgUAAQT/xAAfEQACAgEEAwAAAAAAAAAAAAAAAQISEUNRsdETMaH/2gAMAwEAAhEDEQA/ANEmzwZnuLQ31Do6bQuhp8G0npLGPELbr3fgESQuAc3r5IOY1Q/CNwktFfewLJ6nHRLcRiL35ORSm8tzWkIJ563n8ipeW5aSP//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Чтобы получить ссылку, нужен домен. Мы берем готовый от Ulbi TV, но вообще получить новый домен можно на любом регистраторе.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Указываем для домена IP-адрес нашего сервера, чтобы связать их. DNS-серверу потребуется какое-то время, чтобы все обработать — от 2 часов до суток. И вот, домен уже выдает «Hello world».

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Теперь самое интересное. Скидываем эту ссылку в соцсети и видим, как красиво туда подтянулась наша OG-разметка:

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"cd51f190-978e-5514-b798-9b5e891c9f90","width":263,"height":142,"size":47678,"type":"png","color":"e3f3d4","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwUI/8QAJxAAAQMCBAUFAAAAAAAAAAAAAQIDBAARBQYHIQgSFSQxU4GRk9H/xAAXAQEBAQEAAAAAAAAAAAAAAAAFBAED/8QAIBEAAgEDBAMAAAAAAAAAAAAAAQIAAxESBFFx0QUxkf/aAAwDAQACEQMRAD8A3K7mLNSYkp6LlaS9IbjuOMtFLiA44lJKU3KrC5AHvQK1GuM7W4EPWkxYC/vnuHI1n4hUAIVoJIJTsbLQR8829LCl41hck/R1KTp3U2zWKZxPErkdQk/ar9oORZNvJ6ps257t7z6hrJyybef/2Q=="}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Человекопонятные ссылки"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Когда вы видите ссылку https://cars.qq/auto/123/model/456, что вы можете предположить о содержании страницы, на которую она ведет? Из домена очевидно, что это что-то о машинах, и на этом все. А когда вам присылают ссылку https://cars.qq/auto/bmw/model/m5, вы сходу понимаете, что она ведет на страницу, связанную с BMW М5: это какая-то статья или объявление о продаже автомобиля. Этот url понятен человеку, там нет никаких идентификаторов или непонятных чисел.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Вот еще пара примеров из интернета. Ссылки слева — неинформативные, включающие index.php, category и цифры. Ссылки справа — осмысленные и легкочитаемые. Кстати, ключевые слова в ссылках тоже помогают в ранжировании страницы.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"35a91770-b025-5bad-a133-8b790b42a5a2","width":1702,"height":172,"size":89738,"type":"png","color":"141a1c","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgAJ/8QAHRAAAgIBBQAAAAAAAAAAAAAAAQIABAMFBhEj0v/EABcBAQEBAQAAAAAAAAAAAAAAAAUAAgP/xAAeEQACAQMFAAAAAAAAAAAAAAAAAQIDIdEEBRGRkv/aAAwDAQACEQMRAD8AzsnUwI8e3tPZFYtZ5IBPfX9wl66qnxbqeAOW5Vk2reZ4DkWHCkR//9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Числовой идентификатор в линках вполне уместен. Например, в ссылке на страницу сайта объявлений он точно будет. Но при этом первая часть ссылки все равно должна быть «человекопонятной», и только во второй ее половине, которая почти не влияет на ранжирование, появится уникальный идентификатор с набором цифр и букв. «Человекопонятностью» ссылок не стоит пренебрегать, если хотите выводить свои страницы в топ поисковой выдачи.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Канонические ссылки"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Представим, что у нас есть две ссылки, которые ведут на одну и ту же страницу: исходный прямой url и тот, что сформировался при работе с категориями или фильтрами. Получается, у нас есть дубликат ссылки — это плохо.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

По сути, это мусорный контент, который тратит краулинговый бюджет и конкурирует с исходным линком при индексации поисковиками. Чтобы этого избежать, указываем каноническую ссылку — индексироваться будет только она, а остальные перестанут восприниматься как дубликаты. Для этого идем в блок header HTML-документа и указываем линк, в котором rel=\"canonical\", а в href размещаем прямую ссылку на страницу. Вот так это выглядит в коде со страницы Хабра:

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"","lang":""}},{"type":"quote","cover":false,"hidden":false,"anchor":"","data":{"text":"Чтобы канонические ссылки всегда имели унифицированный вид, используются базовые редиректы. Их можно настроить на уровне Nginx-конфига. Редиректы автоматически перенаправляют пользователей со страницы с www в адресе на страницу без www, с http — на https (http вообще нигде не должен фигурировать), со страниц без / в конце адреса — на страницы с / в конце.","subline1":""}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Контроль поисковых движков"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Метатег robots"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

При индексации поисковые роботы действуют по определенным алгоритмам, которые нас не всегда устраивают. Мы можем запретить роботам некоторые действия.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

В HTML-документе указываем метатег . Содержание его контентной части определяет действия робота. Запись index — значение по умолчанию, при нем робот будет индексировать страницу. Если указать \"noindex\", страница индексироваться не будет.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

То же работает и с другими контентными значениями:

"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["follow разрешает роботу ходить по ссылкам, nofollow — запрещает;","archive — показывать ссылку на сохраненную копию в результатах поиска, noarchive — не показывать;","noyaca — не использовать сформированное автоматически описание;","all — использовать директивы index и follow;","none — использовать директивы noindex и nofollow."],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

С помощью метатега robots можно запретить индексировать страницу в Яндексе, но сохранить индексацию для Google:

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"\n","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Разрешающие директивы имеют приоритет над запрещающими: если не прописывать метатег noindex, страница и ссылки по умолчанию будут индексироваться всеми поисковиками. Метатеги нужны только тогда, когда мы хотим что-то запретить.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Файл robots.txt"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Этот файл нужен, чтобы разрешить или запретить индексирование разделов или страниц сайта для разных роботов. Хотим исключить какую-то страницу сайта из индексации для всех поисковиков — без проблем. То же самое, если хотим сделать, чтобы какая-то страница индексировалась Яндексом, но не индексировалась системой Google.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Вот так мы запрещаем поисковику Google индексировать страницу с контактами:

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"User-agent: Googlebot\ndisallow: /contacts","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

А так, поставив *, запрещаем Яндексу индексировать все страницы раздела с админкой:

"}},{"type":"code","cover":false,"hidden":false,"anchor":"","data":{"text":"User-agent: Yandex\ndisallow: /admin/*","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Из важного: этот файл должен находиться в корне проекта, чтобы робот смог до него достучаться, и быть не более 500 КБ.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Посмотреть содержимое файла robots.txt для любого сайта просто: достаточно к ссылке на главную страницу добавить robots.txt после /. Например, содержимое файла для сайта Selectel смотрим здесь: https://selectel.ru/robots.txt.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"5a417ee0-98cc-5991-a0f4-522cf5bfa27f","width":841,"height":860,"size":30658,"type":"png","color":"281115","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQYJ/8QAIhAAAgECBQUAAAAAAAAAAAAAAQIDAAUEBhEhoRITMVPR/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANJMmHFyRMiXCMRroTF0AuNhuTQVnbb3Px8oA8oEm3DU+Cw5oH6D/9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Все, что не запрещено, считаем разрешенным.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

В конце документа есть ссылки, ведущие на sitemap.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"5b5e7b12-3426-5de4-bfb8-d86585cf30f4","width":572,"height":65,"size":9352,"type":"png","color":"291212","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgQGCf/EACMQAAIBAwQBBQAAAAAAAAAAAAEDAgQFBgAREjEUISIjVJL/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAwDAQACEQMRAD8A0KsWb3Ovt1wqnZfY3lElxi5NK3gv5WRIKyBIn2iJO+wMSdgNCGUZnc2oWw5Njs+cBLlAM4ncdj061cVeRpqeBJghcSe9ogaiB8Ok+qn8DQf/2Q=="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Sitemap, или карта сайта, — это XML-документ, в котором указывается актуальная структура сайта со всеми ссылками и датами, когда эти ссылки изменялись. Здесь для каждой страницы можно задать четыре свойства: адрес самой страницы (тег ), дата последнего обновления (), частота изменения страницы () и приоритет (). Например, если вы хотите, чтобы какие-то страницы индексировались лучше других, для каждой их них можно установить приоритет индексации от 0 до 1 с шагом 0,1.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Sitemap строится из канонических ссылок и имеет ограничение по размеру в 50 МБ. Если страниц и ссылок так много, что 50 МБ не хватает, или вы хотите создать большую древовидную структуру, то внутри базового sitemap можно разместить ссылки на другие файлы sitemap. Чтобы индексатор узнал о том, что у вас есть эта карта сайта, указываем в robots.txt ссылку на sitemapindex.xml (как на скрине выше).

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Важно понимать, что sitemap не нужен, если сайт содержит всего пару десятков страниц. Это необходимо только для сайтов с большой сложной структурой ссылок и страниц, когда требуется гарантированно проиндексировать нужные канонические ссылки и исключить из индексации некоторые страницы. Огромный XML-файл не заполняется руками. Это делается автоматически: с помощью скрипта или генератора.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Поддержка мобильных устройств"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Есть такая технология — AMP, или Accelerated Mobile Pages. Проще говоря, она позволяет разрабатывать быстрые версии страниц для мобильных устройств. При этом Google лучше ранжирует такие страницы.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Естественно, эта технология, как и в целом оптимизация сайта под мобильные устройства, нужна не всем. Скажем, Хабр очевидно заточен под десктопных пользователей, а на какой-нибудь маркетплейс или сайт с объявлениями, наоборот, почти все заходят со смартфонов.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Как именно работает AMP, можно почитать в документации. В контексте SEO самое важное, что Google при индексации и ранжировании результатов отдает предпочтение именно быстрым AMP-страницам. Он определяет их по специальным тегам, которые добавляются при разработке.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Микроразметка"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Микроразметка пишется достаточно легко, подробная и понятная инструкция лежит здесь. Благодаря микроразметке можно вынести в результаты поиска наиболее важную для пользователя информацию: контакты, расписания, цены и прочее. Убедиться, что разметка сделана правильно, можно с помощью валидатора.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Проверка поисковой оптимизации"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Метрики"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Есть три наиболее важные метрики с технической точки зрения.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

LCP (Largest Contentful Paint) — время, за которое загрузился самый большой видимый элемент страницы. Хороший показатель — не более 4 секунд, отличный — не более 2,5 секунд. Очевидно, если весь бандл и фронтенд весят 200 КБ, они загрузятся быстро. Если же бандл не оптимизирован, весит 5 МБ и все подгружается одним цельным куском, на загрузку страницы может уйти секунд 10, а в случае с нестабильным интернетом — еще больше.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

FID (First Input Delay) — время до первой интерактивности. Другими словами, это время с момента загрузки страницы до появления у пользователя возможности взаимодействовать с ней: вводить текст, нажимать кнопки, переходить по ссылкам и так далее. Если FID укладывается в 0,3 секунды, все хорошо. Если нет, над сайтом стоит поработать. FID значительно меньше LCP, потому что какие-то элементы страницы могут подгружаться медленно или асинхронно и, пока они не загрузились, пользователь уже может взаимодействовать с другими элементами.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

CLS (Cumulative Layout Shift) — метрика, которая отвечает за визуальную стабильность. Сталкивались с ситуацией, когда хотите нажать на какую-нибудь кнопку, а тут «Бах!» — где-то сверху подгружается еще один блок, кнопка смещается вниз, и вы нажимаете на что-то не то? Это пример визуально нестабильной страницы, и такого, конечно, быть не должно. Даже если элементы страницы подгружаются асинхронно, до полной загрузки вместо них должна быть заглушка, чтобы верстка не съезжала и пользователи не испытывали дискомфорта. CLS измеряется в баллах, показатель не должен превышать 0,25.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Для измерения метрик удобно использовать сервис Page Speed Insights от Google. Разумеется, кроме LCP, FID и CLS здесь можно посмотреть огромное количество других параметров, связанных с производительностью, доступностью, безопасностью и так далее. Удобно, что можно измерять параметры и для десктопной, и для мобильной версии сайта.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

В браузере есть похожий встроенный инструмент — Lighthouse, на основе которого и сделан Page Speed Insights. Принцип работы прост: переходим на нужную страницу, нажимаем F12 и выбираем вкладку Lighthouse. Задаем нужные настройки, нажимаем Analyze page load, ждем и получаем результат анализа. В целом, все практически то же самое, что в Page Speed Insights, хотя по отдельным метрикам показатели могут незначительно различаться.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Валидность HTML"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Сайты с невалидным HTML-кодом гораздо хуже индексируются поисковиками, медленнее загружаются, а иногда и вовсе объявляются опасными. Проверить валидность можно с помощью классического W3-валидатора, в котором достаточно указать адрес нашей страницы.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

В нашем случае HTML-документ небольшой и проверять его даже не так интересно, как полноценный сайт. Валидатор выдает одно предупреждение на вьюпорт, и на этом все. В реальности, когда речь идет о настоящем большом сайте, ошибок может быть очень много и они часто бывают незаметны. Например, незакрытый div — очень популярная история, которая не влияет на пользовательский опыт, но негативно сказывается на индексации сайта поисковиками.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Краулинговый бюджет"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Важно понимать, что заниматься этой работой стоит тогда, когда вы боретесь за десятые и сотые доли процента SEO. Это актуально, например, для маркетплейсов-гигантов. Если у вас небольшой сайт, лучше отложить оптимизацию краулингового бюджета и заняться более актуальными вопросами: улучшить качество контента, поработать с ключевыми словами, настроить Open Graph и так далее.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Заключение"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Ключевым фактором SEO остается контент. Тем не менее, технические детали также важны: семантика, валидный HTML, канонические ссылки, ключевые слова в линках, AMP и так далее — все это помогает поднять страницу в результатах поисковой выдачи.

"}},{"type":"quote","cover":false,"hidden":false,"anchor":"","data":{"text":"Если у вас остались вопросы, вы хотите поделиться собственными кейсами поисковой оптимизации или обсудить что-то, связанное с SEO, — добро пожаловать в комментарии.","subline1":""}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Читайте также"}},{"type":"list","cover":false,"hidden":false,"anchor":"","data":{"items":["Как продвигать игры с помощью YouTube Shorts. Опыт инди-разработчика","5 малюток для разработки и игр: новые модели миниатюрных ПК
","Как управлять временем и приоритетами? Методика Eat that frog, принцип Парето и матрица Эйзенхауэра
"],"type":"UL"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

#selectel #разработка #разработкасайтов #программирование #версткасайтов #seo_оптимизация #фронтенд

"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":7,"favorites":15,"reposts":0,"views":2531,"hits":863,"reads":null,"online":0},"dateFavorite":0,"hitsCount":863,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":true,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/dev/1200372-shpargalka-po-seo-dlya-veb-razrabotchikov-chto-uchest-pri-verstke-saita-chtoby-on-vzletel-v-poiskovoi-vydache","author":{"id":172558,"name":"Selectel","nickname":null,"description":"Крупнейший независимый провайдер сервисов IT-инфраструктуры в России. Облачные серверы от 29 ₽/час: slc.tl/bfnnu","uri":"","avatar":{"type":"image","data":{"uuid":"bdaede51-3c77-55c3-a3ab-e9940df92258","width":640,"height":640,"size":103719,"type":"jpg","color":"d2454a","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAKAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACAIG/8QAIRAAAgEDBQADAAAAAAAAAAAAAQIDBAURAAYHITEIEiP/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/EAB4RAAEDBAMAAAAAAAAAAAAAAAECAwQABREhQYHB/9oADAMBAAIRAxEAPwA8cV8WcVX34ebqv98rlj3FSozQO9yjhWMBcj8zlnLHzrB8yND6e2Wxa2ZRUhQHIA+3nertk8y7UqQszgDOAHPWsoSSSSck+nVKMw4h1wlwnJpl4uMR2FFSiMlJCdkc6A8z2a//2Q=="}},"cover":{"cover":{"type":"image","data":{"uuid":"861886cd-1ef2-5754-af38-6219cc645017","width":1280,"height":511,"size":28049,"type":"jpg","color":"142434","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAcFBQYFBAcGBgYIBwcICxILCwoKCxYPEA0SGhYbGhkWGRgcICgiHB4mHhgZIzAkJiorLS4tGyIyNTEsNSgsLSz/2wBDAQcICAsJCxULCxUsHRkdLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCz/wAARCAAKAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMH/8QAGhAAAQUBAAAAAAAAAAAAAAAAAAEDE1SSAv/EABUBAQEAAAAAAAAAAAAAAAAAAAQF/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AxOFmymFELNnnKkQNT3//2Q=="}},"cover_y":57},"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":5249500,"userId":172558,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5249500"},{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":1625413,"userId":172558,"count":0,"shareImage":"https://api.vc.ru/achievements/share/1625413"},{"title":"5 лет на vc.ru","code":"registration_5_years","description":"Провёл 5 лет вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"a9140d54-73b8-5f40-afa8-449fbaafd42b","formats":{"glb":"https://static.vc.ru/achievements/whale.glb","usdz":"https://static.vc.ru/achievements/whale.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.533203125,"textY":0.658203125,"logoX":0.533203125,"logoY":0.77734375,"logoXNoText":0.4375,"logoYNoText":0.66015625},"id":398705,"userId":172558,"count":0,"shareImage":"https://api.vc.ru/achievements/share/398705"}],"lastModificationDate":1764964546,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":235819,"name":"Разработка","description":"Сообщество разработчиков: публикации о личном опыте, выдающиеся приёмы при решении рутинных задач, полезные материалы для профессионального роста.","uri":"/dev","avatar":{"type":"image","data":{"uuid":"fef5b5fb-e488-5b7f-8445-e3a26a910b44","width":1200,"height":1200,"size":7757,"type":"png","color":"343434","hash":"04042b2b1c1000","external_service":[]}},"cover":{"type":"image","data":{"uuid":"2a214cc5-35cc-58ca-bc07-fc1c892d2101","width":960,"height":280,"size":177,"type":"png","color":"343434","hash":"","external_service":[]}},"lastModificationDate":1642411346,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"dev","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":12}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":913422,"customUri":null,"subsiteId":2303995,"title":"5+ курсов по Верстке сайт: лучшее платное и бесплатное обучение для верстальщика","date":1700886564,"dateModified":1737794061,"blocks":[{"type":"text","cover":true,"hidden":false,"anchor":"","data":{"text":"

"}},{"type":"media","cover":true,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"2dbc4361-49e7-5f90-8f85-519bbe3551b9","width":1280,"height":720,"size":170734,"type":"png","color":"227cbe","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQIAJQAlAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgUH/8QAKRAAAgEDAQUJAQAAAAAAAAAAAQIRAwQFAAYHEhNhCBUhJDEyQUNRcf/EABYBAQEBAAAAAAAAAAAAAAAAAAYHBf/EACYRAAIABQMDBQEAAAAAAAAAAAECAAMEESEFEkEGMWEiIzKRsUL/2gAMAwEAAhEDEQA/AMz3u4e0t8tj074w2VW8v0t2tufC8JBLM5KmEEGTB6Tq1ag9TUac1NSrtmPYKWFxcnkc4iPdOUcmXVrMnPdFuTtORjv9mIY7OGLqgVW2y2OpFxxFFrNwrPwJeYHXx0dl6TtQLM+QGcXzznmGLdRPJYyldSBi5ZLm3J8mC++B3S9R0dlZasggwR66T62xWnkFTb3B+GC3Ryhps0Efwf0QXpZC/wCUnnrj2j7W/P7o7UzXE98nuefMaLU0jcfQPoR//9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Здравствуйте, дорогие читатели!

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Предлагаю вам очередной обзор учебных онлайн-программ. И посвятил его профессии верстальщик.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Это не новая специальность, но ее популярность не снижается, несмотря на то, что список востребованных интернет-профессий постоянно пополняется новыми специальностями.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Верстальщики могут работать в разных сферах: информационные технологии, реклама, полиграфия и издательское дело. В данном случае речь идет об учебных программах на веб-верстке. Зона ответственности здесь – корректное действие в браузере сайта и на его страницах.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Эта работа предполагает постоянное взаимодействие с компьютером, рутинность частей процессов и необходимость постоянно изучать некоторые однообразные операции. Если вы к этому не готовы, предлагаем познакомиться с более творческими профессиями, например, веб-дизайном или backend-разработкой .

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"5+ курсов по Верстке сайта с нуля в 2025 году"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

1. «Веб-верстка» от SkillBox

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

2. «Верстальщик» от GeekBrains

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

3. «Профессия верстальщик сайтов» от VideoForMe

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

4. «Профессия верстальщик» от Хекслета

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

5. «Веб-верстальщик. Основы HTML и CSS с нуля» от Udemy

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

6. «Основы верстки HTML и CSS» от Университета Синергия.

"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Платные курсы на сайтах Верстке"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Начинаю обзор с платных программ. Именно они дают максимальные знания новичкам в профессии:

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"1. «Веб-верстка» от SkillBox"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Онлайн-университет SkillBox поможет вам стать востребованным специалистом в сфере IT, менеджмента, маркетинга и дизайна. Обучение проходит на платформе университета в личном кабинете.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Выбрав курс по веб-верстке , вы сможете создавать сайты из представленных дизайн-макетов. Научитесь писать код на HTML и CSS. Изучите систему контроля версии Git. Познакомьтесь с любыми внешними верстками под устройством.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Формат занятий классический. Смотрите технические видео на платформе, посещайте вебинары, выполняйте практические задания и тесты. Куратор курса поможет вам в трудовых условиях и будет сопровождать на протяжении всего срока обучения. Программа разделена на две части: базовый и повышенный уровень подготовки. Сертификат установленного образца, подтверждающий вашу компетентность в профессии.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Длительность обучения – 4 месяца.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Курс подойдет новичкам для разработки и начинающим специалистам.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Стоимость – около 30 500 рублей за весь курс с учетом действующей скидки. Доступна беспроцентная рассрочка сроком на 6 месяцев по 5 086 рублей.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Подробнее о курсе для верстальщиков

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"b8e3f5ff-e0f4-511b-a17f-0dd07d293174","width":768,"height":316,"size":25212,"type":"png","color":"f1f1f1","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAACQr/xAAkEAACAAUEAQUAAAAAAAAAAAABAgADBAURBgcSExUhMVWT0f/EABcBAAMBAAAAAAAAAAAAAAAAAAIFCAT/xAAkEQABAgQFBQAAAAAAAAAAAAABAAIDBAUREiEycrETUVJx4v/aAAwDAQACEQMRAD8AQLcWkuNu2p1gJlwDJJ07cFlKicSuKZ8Hl75GI10wXnoIPm3kIX6Sp+pN9qjJTsqb278RyZbgwBOPUgYinosrOF5wPhgXyBYSbe8SXtjSgaA5hvu+VQ5uaqvtvqtHUMrWOuBBGQR0PEv07Kchbm8hMH6SgH8XbPjqX6V/IqXqv7lKLBf/2Q=="}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"2. «Верстальщик» от GeekBrains"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Образовательная онлайн-платформа GeekBrains предлагает дистанционное обучение самым востребованным профессиям с индивидуальным учебным графиком и возможностью трудоустройства.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Комплексный курс по профессии верстальщик является ведущим специалистом в сфере ИТ, сочетающим в себе фундаментальные и прикладные знания. Здесь вы освоите базовые инструменты программирования и передовые технологии. Изучите необходимые языки программирования. Познакомьтесь с системой контроля средств, базами данных и веб-версткой.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Формат занятий: по 2 урока, 2 семинара и 2 домашних задания еженедельно. В завершение курса – подготовка и защита финального проекта. Выпускники курса получили именной сертификат о получении подготовки по специальности.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Общая продолжительность курса – от 6 месяцев до уровня специалиста, 12 месяцев до уровня инженера. Программа доступна для обучения жителей Белоруссии.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Программа будет полезна новичкам и начинающим программистам.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Цена – от 69 984 руб. в месяц при оформлении рассрочки на 36 месяцев. Первый платеж с пятимесячной отсрочкой.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Посмотреть курс для верстальщиков

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"aec35dda-b713-5e6e-818b-538e91a0d24d","width":768,"height":291,"size":98742,"type":"png","color":"f1f1f8","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABQYHCf/EACYQAAECAwYHAAAAAAAAAAAAAAECAwAGEQQFEiFBQgcIExWBkrH/xAAXAQEBAQEAAAAAAAAAAAAAAAACBgME/8QAIREAAQEHBQAAAAAAAAAAAAAAAAECAwQFBiExERJRk+H/2gAMAwEAAhEDEQA/ANIU2qYVHD2uzt13F7FTxrHQmbhExqSOYJbaFr4nSyVKSCSLjNK+8VKzGmtbQjzs8Bta5KO5mkA6xLCCrBPRbz2j5GC5Ef/Z"}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"3. «Профессия верстальщик сайтов» от VideoForMe"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Международная школа профессий – это учебные курсы по современным направлениям. Есть комплексные программы для новичков и начинающих специалистов, курсы для повышения квалификации профессионалов и видеоуроки для души.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Выбрав программу обучения по профессии верстальщик сайтов , вы должны не только использовать верстки, но и попробовать применить на первом дизайн-макете создание верстки адаптированного веб-сайта. Научитесь работать с HTML, CSS и Javascript.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

В программе обучения: видеолекции, практики, интерактивные задания и вебинары. Все эскизы рассчитаны на 40 академических часов. Доступ к учебным материалам осуществляется в течение 3 месяцев. Выпускники курса получают диплом о профессиональном образовании. Дополнительно по запросу вы можете предоставить вариант квалификационного документа международного образца.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Срок обучения – 11 недель.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Курс подойдет всем, кто хочет освоить новую профессию.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Полная стоимость программы – 24 700 рублей при единовременной игре. Доступна рассрочка от 4 200 рублей сроком до 9 месяцев.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Посмотреть курс для верстальщиков

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"74af3dc6-2a28-561b-ae03-e7c2f36a1e3a","width":768,"height":303,"size":51081,"type":"png","color":"e94a37","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgcJ/8QAIhAAAgICAQMFAAAAAAAAAAAAAQIDBAURAAcSMSEyQWGx/8QAGAEAAgMAAAAAAAAAAAAAAAAABgcCBAX/xAAjEQACAQMDBAMAAAAAAAAAAAABAgMABBEFEkEGEzFRInGB/9oADAMBAAIRAxEAPwDTrB2K72bMEEORHYdM9l5GQ6J9pc/nIq27xViW37ShtwOeAcn9oZluoWdpZW5Thav2QWJIl3Hs6ViB8/XEpqvXmsWd/PbxFdqOyj48BiBzRda6BaTQJI2ckA+fYqlgAeBx20E0at4vGSW5pJMdVZmkYsxhUknfk+nAe70yyknd3hQkkkkqPf1W5FczrGoDnGBya//Z"}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"4. «Профессия верстальщик» от Хекслета"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Специализированная онлайн-школа Хекслет – это не только качественное обучение программированию, но и сообщество единомышленников. На рынке дистанционного образования уже более 10 лет. Рейтинг школы на отзовиках составляет 4,7 балла.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Это курс, где мало теории и много практики. Вас ждут более 130 упражнений в браузере и домашние задания с автопроверкой, 11 Open Source проектов, 3 работы на GitHub и более 140 тестовых заданий по реальным проектам от партнеров школы. Именной сертификат о профессиональной подготовке подтвердит ваши навыки.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Подойдет новичкам в IT и начинающим программистам.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Чтобы получить доступ к программе обучения, необходимо зарегистрироваться на платформе школы и оформить подписку. Стоимость обучения по подписке – 3 900 рублей в месяц. Отключить подписку можно в любое время после прохождения всех учебных материалов.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Подробнее о курсе для верстальщиков

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"55fb7d21-72a9-5dfb-8226-1a4ad5be2ac5","width":768,"height":254,"size":36786,"type":"png","color":"f7f6f6","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABgn/xAAjEAABBAIBAwUAAAAAAAAAAAABAgMEEQYSAAUTISMxUXGB/8QAFgEBAQEAAAAAAAAAAAAAAAAABAMF/8QAIhEAAQMEAAcAAAAAAAAAAAAAAQACEQMEEpEFMTJBYXHR/9oADAMBAAIRAxEAPwClsDIIsqQI70iK0VHVI7wJKvaq+b4g29YCcDoqIq0yYyG0VnPZuJsgNMdUCA6vUIWnUCzVeifH6fvkZqdg3ZTmttIGTnz4A+pRFw/Em5TclvFukJeS6HEuCC0FBd3sDrd35vjDxG8LcTVdER1HltZotLcOyFNs+glHApS//9k="}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"5. «Веб-верстальщик. Основы HTML и CSS с нуля» от Udemy"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Интернет-платформа Udemy – это глобальный центр онлайн-обучения, который предлагает обширную подборку технических и бизнес-курсов как для отдельных пользователей, так и для целых компаний. На начало 2024 года учебный ресурс школы насчитывал более 200 тысяч онлайн-курсов на разных языках мира.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Выбрав интенсив по профессии веб-верстальщик, вы освоите базовые навыки верстки сайтов. Изучите HTML и CSS. Сможете использовать систему контроля версий Git. Научитесь работать с плагинами и сервисом Visual Studio Code. Узнаете, как создавать адаптивные сайты под разные платформы.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Авторы курса гарантируют, что вы научитесь верстать сайты, даже если никогда не писали код и были далеки от программирования. Но обучение будете проходить самостоятельно. После оплаты курса получите доступ к видеоурокам и далее сами определите, в каком темпе будет проходить ваше обучение.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Общая продолжительность видео-уроков – около 12 часов. Темп обучения выбираете с учетом своих возможностей. Доступ к урокам не ограничен по времени.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

По окончании видеокурса получите именной сертификат о прохождении подготовке.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Стоимость – 1 590 рублей.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Подробнее о курсе для верстальщиков

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"ae9cad5b-959b-52c9-a91c-ab175e224435","width":768,"height":295,"size":47225,"type":"png","color":"1c1c1d","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQFCP/EACAQAAICAgICAwAAAAAAAAAAAAECAwUAEQQhEpEUMXH/xAAXAQADAQAAAAAAAAAAAAAAAAAAAQID/8QAFhEBAQEAAAAAAAAAAAAAAAAAAAEh/9oADAMBAAIRAxEAPwDEs97VMrcaeppGUNsDfLIXR+th+x7zS23ElntaBnZhRUigknS/M0Pzb5IQORyJ5womnkkCjryYnXvGQOAf/9k="}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"6. «Основы верстки HTML и CSS» от Университета Синергия"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Российский университет Синергия предлагает учебные программы для карьеры. Популярные направления обучения: юриспруденция, дизайн, программирование, менеджмент и информационные технологии. Университет предлагает на выбор три формы обучения: очную, онлайн и смешанную.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Курс по основам верстки HTML и CSS вы можете пройти онлайн. Здесь вы научитесь профессионально верстать сайты и создавать красивый дизайн. В программе: работа с браузером, макеты и кроссбраузерная верстка, анимация, проектная разработка.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Занятия проходят на онлайн-платформе университета. Смотрите тематические видео-уроки, выполняете задания по пройденным темам, получаете обратную связь от куратора по итогам проверки и в завершающей части курса готовите дипломный проект. Документы, подтверждающие ваши компетенции: квалификационное удостоверение и именной сертификат о прохождении подготовки.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Подойдет широкому кругу пользователей: от новичков и начинающих специалистов до опытных программистов смежных профессий.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Общая продолжительность курса – всего 3 месяца. Учебные видео рассчитаны на 78 часов.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Стоимость – 40 000 рублей.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Посмотреть курс для верстальщиков

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"e21196d7-8902-51ef-ad8f-931437c88f1e","width":768,"height":298,"size":73635,"type":"png","color":"963656","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABwUJ/8QAIxAAAgEDBAEFAAAAAAAAAAAAAQIDBAURAAYSIVEHExQiMf/EABcBAAMBAAAAAAAAAAAAAAAAAAMFBgD/xAAfEQACAgEEAwAAAAAAAAAAAAABAgADEQQFElEGkcH/2gAMAwEAAhEDEQA/ANRKKC5q4atqiy4P1BU9nzhRrQr2KwwEA9/TBe5+om5LTcqu1cbjP8KeSn91hMS/BivIlYsHOM9deNFBXEHxMXNyTTRSW0RSugerUNxYjIx+HUR5bqLaLdEKmK5tAOCRkdHuMtuRXFvIZwsqtBAWJMMZJOSSo1ZRZP/Z"}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Бесплатные курсы по Верстке сайтов"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

В заключение обзора немного информации по бесплатным тренингам:

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"1. «FlexBox верстка (HTML и CSS)» от Udemy"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Экспресс-курс по FlexBox верстке для тех, кто интересуется веб-разработкой. Его продолжительность всего 30 минут.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Тематика курса: основы FlexBox верстки, элементы, контейнер, выравнивание вдоль главной и поперечной оси. Это современный подход к верстке сайтов.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Для прохождения мини-курса желательно знать основы HTML и CSS.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"55ca05a6-8941-5e0f-8b26-f7a75eac5496","width":768,"height":232,"size":58875,"type":"png","color":"334441","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACAYH/8QAJhAAAQMCBQMFAAAAAAAAAAAAAQIDBQYRAAQHCCESMZITFBVUkf/EABcBAAMBAAAAAAAAAAAAAAAAAAMFBgT/xAAiEQABAwMDBQAAAAAAAAAAAAABAAIDBRExBCFBEhNhkeH/2gAMAwEAAhEDEQA/ALfbdqfR5rqok1JNIi4REQhSXZDMFSErL7YF1XHe/a+Gc9Y1tS0hi1QHU12Rg7HjKk6PRoKXVHvijLYyyw3vffzdJwajbeFDqc1cpIqPJPyfc+WFVnqvPb4B9/FmezGmKbjNQZZ6Np6MyjiohSCpjKNtkp9Vs2uAOOB+YO/CzMymN7PKfVZ8BgSMv//Z"}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"2. «Как создать сайт?» от WEBforMyself"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Онлайн-проект WebForMySelf специализируется на сайтостроении и веб-разработке. Здесь вы найдете статьи и материалы по теме, а также сможете выбрать видеокурс для обучения.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Видеотренинг Как создать сайт – это пошаговый план создания проекта с нуля. Тематика тренинга: какие этапы существуют в разработке, что нужно делать на каждом из них, какие знания необходимы в работе.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Общая продолжительность учебного видео – 16 минут.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"9578c5e6-3673-57ce-a1ec-55edd6195183","width":768,"height":379,"size":53909,"type":"png","color":"3b373f","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABgcI/8QAJRAAAQMDAwMFAAAAAAAAAAAAAQIDBgQFEQAHEgghMUVRYXKy/8QAFwEBAQEBAAAAAAAAAAAAAAAABQYDBP/EACoRAAEDAgQCCwAAAAAAAAAAAAEAAgMEBRESFDEhkSNBQlJhYnGSodHh/9oADAMBAAIRAxEAPwA1FTtJV7hWSB1mytjQ1c7xT2xblPd7inilx1KSpALo7jkSMjzrCGdlUM+HHxStxsMlrIEh4EYgjY/o6xuFrpXQ50wFRKtr2ck983eqz+9dWoI7XyiNH5TyRuKQqGuTyPVbkSsyn2a1hxt00DRWhQWnCgeOQRgYPxo+mY1rnEBV97qZpaaFj3kgbAk4D0VCegcGLzhMMsRJUfTmff66FNLB3ByCrW3e4ZR07/c77X//2Q=="}}}]}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Итоги:"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

На этом я заканчиваю небольшой обзор учебных программ по верстке сайтов. Независимо от того, какой курс вы выберете, желаю успехов в освоении новых навыков.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Дополнительно к онлайн-программам, для закрепления полученных знаний, рекомендую читать тематические книги по верстке. Их вы можете найти самостоятельно в интернете.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Те, кому интересны другие направления, могут познакомиться на нашем сайте с учебными программами по веб-дизайну или backend-разработке.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Не забывайте оставлять свои комментарии и отзывы после прочтения статьи! Ваше мнение важно для нас!

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Пока!

"}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"quote","cover":false,"hidden":false,"anchor":"","data":{"text":"

Источник: Iprodvinem.com >>>

","subline1":""}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Ставьте лайк и подписывайтесь на наш канал, чтобы всегда быть в курсе новых возможностей заработка и продвижения в интернете"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

#верстка #версткасайтов #сайт #программирование #программист #обучение #курсы #онлайнкурсы #образование #обучение #онлайншкола #онлайнкурсы #онлайнобучение #онлайнобразование #лучшие_курсы #топ_курсов #рейтинг_курсов #сравнение_курсов #обзор_курсов #платные_курсы #бесплатныекурсы #iprodvinem

"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":0,"favorites":1,"reposts":0,"views":45,"hits":133,"reads":null,"online":0},"dateFavorite":0,"hitsCount":133,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/id2303995/913422-5-kursov-po-verstke-sait-luchshee-platnoe-i-besplatnoe-obuchenie-dlya-verstalshika","author":{"id":2303995,"name":"Iprodvinem","nickname":null,"description":"Блог об удаленной работе и заработке в интернете — https://iprodvinem.com/. У нас вы найдете - подборки курсов, обзоры сервисов по заработку и многое другое.","uri":"","avatar":{"type":"image","data":{"uuid":"32f43d71-e05c-58d1-8e47-a33bf3da1726","width":200,"height":200,"size":3475,"type":"png","color":"fc7b04","hash":"","external_service":[]}},"cover":{"cover":{"type":"image","data":{"uuid":"f18596a8-3371-5482-a2e8-24c65baeece0","width":640,"height":300,"size":30384,"type":"jpg","color":"383939","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wAARCAAKAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQQG/8QAIBAAAgEDBAMAAAAAAAAAAAAAAQIEAAMRBRIhMQdisv/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAaEQACAgMAAAAAAAAAAAAAAAAAAQIDERIh/9oADAMBAAIRAxEAPwBOdI1K+iTtsgRE3EkJlQnscdgjrisidXusxYTtSwTnljn6qqXNlXPHkJHk3mRpVtSpckEYJxQNEa9l0G8H/9k="}},"cover_y":0},"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":3161227,"userId":2303995,"count":0,"shareImage":"https://api.vc.ru/achievements/share/3161227"}],"lastModificationDate":1764964546,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":2303995,"name":"Iprodvinem","nickname":null,"description":"Блог об удаленной работе и заработке в интернете — https://iprodvinem.com/. У нас вы найдете - подборки курсов, обзоры сервисов по заработку и многое другое.","uri":"","avatar":{"type":"image","data":{"uuid":"32f43d71-e05c-58d1-8e47-a33bf3da1726","width":200,"height":200,"size":3475,"type":"png","color":"fc7b04","hash":"","external_service":[]}},"cover":{"cover":{"type":"image","data":{"uuid":"f18596a8-3371-5482-a2e8-24c65baeece0","width":640,"height":300,"size":30384,"type":"jpg","color":"383939","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wAARCAAKAAoDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQQG/8QAIBAAAgEDBAMAAAAAAAAAAAAAAQIEAAMRBRIhMQdisv/EABQBAQAAAAAAAAAAAAAAAAAAAAH/xAAaEQACAgMAAAAAAAAAAAAAAAAAAQIDERIh/9oADAMBAAIRAxEAPwBOdI1K+iTtsgRE3EkJlQnscdgjrisidXusxYTtSwTnljn6qqXNlXPHkJHk3mRpVtSpckEYJxQNEa9l0G8H/9k="}},"cover_y":0},"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":3161227,"userId":2303995,"count":0,"shareImage":"https://api.vc.ru/achievements/share/3161227"}],"lastModificationDate":1764964546,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"reactions":{"counters":[],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}},{"type":"entry","data":{"id":643086,"customUri":null,"subsiteId":1269761,"title":"","date":1679508255,"dateModified":1679508255,"blocks":[{"type":"text","cover":true,"hidden":false,"anchor":"","data":{"text":"

Создание несложного сайта трудному клиенту

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Вчера сижу пью кофе и вспомнил один забавный случай из своей практики.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Это сейчас он таким кажется, а тогда думалось по-другому.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Года 3 назад ко мне обратился клиент по рекомендации. Нужно было сделать интернет-магазин \"под ключ\" по продаже меда. У него свои пасеки в Краснодарском крае. И он решил продавать мёд в Москве через интернет-магазин. А если все хорошо пойдет, то открыть торговые точки.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

При первом созвоне мы обговорили детали, что он хочет получить на выходе. Дальше я выслал ему бриф на дизайн, на создание сайта. Он его заполнил, мы еще раз созвонились, чтобы уточнить некоторые детали. Договорились, что будем работать строго по договору \"оказание услуг\", так как на тот момент у меня еще не было ни ИП, ни самозанятого. Работал я как частное лицо.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Мой знакомый юрист составил договор, где было все прописано: этапы работы, что входит в стоимость, как производится оплата. Все вроде бы казалось радужным. Но так только КАЗАЛОСЬ...

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Мы разделили работу на следующие этапы:

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Создание дизайна (согласование)

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Верстка дизайна

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Натяжка на CMS (WordPress)

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Создание магазина

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Написание первичного контента на сайт

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

SEO оптимизация интернет-магазина

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Хочу заметить, что все этапы и все работы были прописаны в договоре и приложении к договору. А сейчас самое интересное, что было дальше.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

После того, как мы закончили работу, начался процесс ее принятия клиентом. Он 2 дня смотрел сайт, как что и где работает, но потом выкатил, якобы, правки. НО это были не исправления, а новые фишки, которые он придумал. Хотя, в договоре было прописано, что любые нововведения за дополнительную плату. Его это не смущало, видимо.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Когда мы стали с ним обсуждать его новшества, которые он придумал, и я ему показал пункт, что это стоит денег, помимо тех, которые он заплатил, у него начинается лютая истерика. Я не стал читать его гневные сообщения, а решил набрать.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Вот, примерный, диалог который был:

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

ОН: Я вам заплатил деньги, сделайте то, что я говорю, иначе второй части оплаты не получите.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Я: Такого пункта в перечне работ не было. И если хотите, чтобы мы сделали, то платите такую-то сумму N

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

ОН: Я ничего платить вам не буду, так как это выходит за рамки моего бюджета.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

И он кладет трубку. Дальше начинается долгая-долгая переписка. Он истерит, как маленькая девочка, которой не купили куклу. Договориться мы не смогли.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

А что он хотел? Его желание было привязать доставку интернет-магазин к сервису \"boxberry\". Задача сама несложная, но я привык следовать первичным договоренностям, тем более прописанным на бумаге. Может вы скажите, что встал в позу, но делать бесплатно дополнительную работу я не хотел и мои ребята тоже. Так как мы отказывались делать то, что он хочет, вторую часть оплаты мы не получали.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Мы приняли решение, чтобы его немного вразумить, снести с его хостинга полностью сайт, но перед этим сохранить копию у себя. Чтобы, если он одумается, быстро все вернуть. Это было сделано. Спустя два часа он заходит на сайт по его адресу, а сайта то нет. Он звонит мне в истерики, чуть ли не плачет, чтобы вернули сайт. Я поставил четкое условие, что оплати вторую часть работы и мы все вернем, а дальше будем разговаривать.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Спустя 20-30 минут, я получаю вторые 50% оплаты. Клиент уже успокоился, пришел в себя, и мы начали конструктивный диалог. Договорились на определенную сумму за дополнительные работы, но уже по 100% предоплате. Он понял, что деваться некуда и нужно соглашаться на наши условия. Он заплатил нужную N сумму, и мы все добавили, как он и хотел.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Что самое интересное, мы после всех этих передряг и сдачи проекта, стали работать с ним дальше. Он заказал услугу \"Ведение интернет-магазина\" + \"Написание контента\" для всего сайта на пол года.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Вот такой вот случай с клиентом был у меня на практике. Сам проект не сложный. НО психологически и морально оказался труднозатратный.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

А какие у вас были трудные клиенты и как вы решали вопрос? Поделитесь своими историями. Будет интересно почитать.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

#созданиесайтов #созданиеинтернетмагазина #дизайнсайта #версткасайтов #написаниеконтента

"}},{"type":"media","cover":true,"hidden":false,"anchor":"","data":{"items":[{"title":"","image":{"type":"image","data":{"uuid":"b3e02a30-424a-5531-93ba-14373fd01430","width":918,"height":636,"size":240897,"type":"jpg","color":"86dbcb","hash":"","external_service":[]}}}]}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":0,"favorites":0,"reposts":0,"views":26,"hits":25,"reads":null,"online":0},"dateFavorite":0,"hitsCount":25,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/id1269761/643086","author":{"id":1269761,"name":"Евгений Воронюк","nickname":null,"description":"📝 Копирайтер/маркетолог с 12-летним стажем. 🖊Пишу продающие и seo тексты 💰Продаю словом. TG @tantal7777","uri":"","avatar":{"type":"image","data":{"uuid":"cdbb6e71-d182-5c32-9049-f8dd7e6d06cb","width":821,"height":1280,"size":134443,"type":"jpg","color":"34333c","hash":"","external_service":[]}},"cover":{"cover":{"type":"image","data":{"uuid":"0a13c8cb-e28d-5981-8bbe-d4ad5d9abb07","width":1920,"height":560,"size":367970,"type":"png","color":"093849","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACAQH/8QAJxAAAQMDAgQHAAAAAAAAAAAAAQIDBQQGEQBCBxKU0RMWITM1Q1H/xAAYAQADAQEAAAAAAAAAAAAAAAADBAYCB//EACURAAIABQIGAwAAAAAAAAAAAAECAAMEQVEhQgUREhMxMiJhkv/aAAwDAQACEQMRAD8AKFu3nA0tQ275Uj0KQqpUCKh4YLnt7vq2/u7OqWRSVIOtU2yy7fa2++LRzCteUV+Mgbrtfx+bZvG9xnGGxxG0gqrJiHXww34jinXQVq5RknC8ep0KbwqveYzJxBwCTyHTL0+vW0LS6ujVAHoVJ5anqfU58wbm52b5vma7qF99L9C4i7Mx8mKRcE8AAJuv6lffW+2mBAu6+TH/2Q=="}},"cover_y":0},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 13 августа 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5532660,"userId":1269761,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5532660"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4178357,"userId":1269761,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4178357"}],"lastModificationDate":1764964546,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":1269761,"name":"Евгений Воронюк","nickname":null,"description":"📝 Копирайтер/маркетолог с 12-летним стажем. 🖊Пишу продающие и seo тексты 💰Продаю словом. TG @tantal7777","uri":"","avatar":{"type":"image","data":{"uuid":"cdbb6e71-d182-5c32-9049-f8dd7e6d06cb","width":821,"height":1280,"size":134443,"type":"jpg","color":"34333c","hash":"","external_service":[]}},"cover":{"cover":{"type":"image","data":{"uuid":"0a13c8cb-e28d-5981-8bbe-d4ad5d9abb07","width":1920,"height":560,"size":367970,"type":"png","color":"093849","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAACAQH/8QAJxAAAQMDAgQHAAAAAAAAAAAAAQIDBQQGEQBCBxKU0RMWITM1Q1H/xAAYAQADAQEAAAAAAAAAAAAAAAADBAYCB//EACURAAIABQIGAwAAAAAAAAAAAAECAAMEQVEhQgUREhMxMiJhkv/aAAwDAQACEQMRAD8AKFu3nA0tQ275Uj0KQqpUCKh4YLnt7vq2/u7OqWRSVIOtU2yy7fa2++LRzCteUV+Mgbrtfx+bZvG9xnGGxxG0gqrJiHXww34jinXQVq5RknC8ep0KbwqveYzJxBwCTyHTL0+vW0LS6ujVAHoVJ5anqfU58wbm52b5vma7qF99L9C4i7Mx8mKRcE8AAJuv6lffW+2mBAu6+TH/2Q=="}},"cover_y":0},"achievements":[{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 13 августа 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":5532660,"userId":1269761,"count":0,"shareImage":"https://api.vc.ru/achievements/share/5532660"},{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4178357,"userId":1269761,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4178357"}],"lastModificationDate":1764964546,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"reactions":{"counters":[],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null}}],"ogTitle":null,"ogDescription":null,"isAnonymized":true}};

Версткасайтов

"Мои страницы выглядят как прошлый век..."

Один из главных страхов новичков на GetCourse — это создание продающих страниц.

Шпаргалка по SEO для веб-разработчиков: что учесть при верстке сайта, чтобы он взлетел в поисковой выдаче

5+ курсов по Верстке сайт: лучшее платное и бесплатное обучение для верстальщика