Безплатен сайт за майстор: FORMA TILE за 3 дни и 0 €

За много майстори обявите и личните препоръки остават основният начин за намиране на клиенти. Собственият уебсайт често остава на заден план заради разходите и сложността, с които се свързва неговата изработка.

Когато Иван Илиев, собственик на FORMA TILE, се обърна към DIMITROV.code чрез програмата ни за безплатни уебсайтове, първоначалното му желание беше за лендинг страница, която да представя услугите му по полагане на плочки в София. Така стигнахме до безплатен уебсайт за майстор, който разработихме и публикувахме за 3 дни.

След като разгледахме дейността му, предложихме различен подход: многостраничен сайт с отделни страници за услугите и реализираните обекти. Иван прие предложението и в рамките на 3 дни разработихме и публикувахме plochkiexpert.com.

FORMA TILE е вторият от избраните през септември 2026 г. проекти по програмата на DIMITROV.code. Договореният обхват на разработката беше изпълнен за 0 € и включва адаптивен дизайн, шест страници за услуги, шест проектни представяния, работеща контактна форма и техническа SEO основа.

Повече от 20 години опит, но без собствен уебсайт

Иван Илиев работи като майстор на плочки повече от 20 години. През това време клиентите му го намират основно чрез обяви в сайтове и вестници, както и с препоръки от хора, за които вече е работил.

Въпреки дългогодишния си опит досега не е имал собствен уебсайт. Основната пречка е била цената на изработката и усещането, че подобен проект е твърде сложен за него.

„Изработката на собствен сайт ми изглеждаше скъпа и сложна, а аз не можех да си позволя такава инвестиция.“

За програмата на DIMITROV.code научава от публикация във Facebook. Не е имал особени притеснения относно безплатното предложение и решава да кандидатства.

Първоначалната му представа за сайта е повлияна от начина, по който дълги години е представял услугите си чрез обяви.

„Когато работиш с обяви, свикваш да описваш работата си в няколко изречения. Не си представях как ще събера съдържание за повече от една страница.“

Това обяснява защо първата му идея е била за лендинг. Нашата задача беше да покажем как натрупаният професионален опит може да бъде представен чрез по-подробна структура, без Иван да трябва сам да подготвя съдържанието за всяка страница.

Защо предложихме многостраничен сайт вместо лендинг

Макар услугите на FORMA TILE да попадат в една професионална специализация, хората ги търсят с различни потребности. Човек, който планира ремонт на баня, има други въпроси от този, който търси майстор за голямоформатни плочки, кухненски гръб или облицовка на тераса.

Затова предложихме услугите да бъдат организирани в общ каталог и шест самостоятелни страници. Всяка представя конкретен вид работа, с описание на особеностите, собствен URL адрес, SEO метаданни и връзки към подходящи проектни представяния.

Така посетителят може да намери информацията, която го интересува, без да преминава през дълга страница с всички услуги. За търсачките структурата също е по-ясна: отделните страници позволяват съдържанието да бъде насочено към различни намерения при търсене.

Повече страници обаче не означават автоматично по-добро класиране в Google. Резултатите зависят от качеството на съдържанието, конкуренцията и развитието на сайта след публикуването.

За FORMA TILE многостраничният подход беше по-подходящ и от гледна точка на бъдещото развитие. С натрупването на нови снимки и реализирани обекти всяка услуга може постепенно да бъде допълвана с конкретни примери от работата на Иван.

Ако обмисляш подобен избор за собствения си бизнес, разгледай и „Лендинг или уебсайт: кое да избереш за твоя бизнес“, където разглеждаме предимствата на двата подхода.

Какво изградихме за FORMA TILE

Публикувахме PlochkExpert.com като завършен многостраничен уебсайт, в който Иван Илиев може да представя услугите си, да показва примери от своята работа и да получава запитвания от потенциални клиенти в София и района.

Начална страница на FORMA TILE, уебсайт за услуги по лепене на плочки в София

Сайтът включва начална страница, каталог с шест самостоятелни страници за услуги, шест проектни представяния, страница „За нас“, контакти и информация за поверителност.

Представихме основните дейности на FORMA TILE: полагане на гранитогрес, теракот и фаянс, облицовка на бани, работа с голямоформатни плочки, кухненски гърбове, тераси и подготовка на основи. Добавихме ориентировъчни цени и информация за обслужваните райони, за да могат посетителите да се ориентират още преди първия разговор с майстора.

За проектните страници използвахме снимки и информация, предоставени от Иван. Всяко представяне получи собствена страница с изображения, описание и връзка към съответната услуга.

Така дори при ограничен първоначален архив от снимки FORMA TILE вече има организирано място за представяне на работата си, което може постепенно да се допълва с нови обекти.

Дизайнът следва естеството на работата

При услугите по полагане на плочки снимките имат особено значение. Те дават на посетителя възможност да разгледа детайлите на изпълнението и да прецени дали представената работа отговаря на очакванията му. Затова изградихме визуалната концепция около изображенията, но добавихме и елементи, вдъхновени от самия занаят.

В началния екран използвахме композиция от едно изображение, визуално разделено на четири плочи, които се появяват последователно. Анимацията препраща към работата с облицовки, като оставя основното послание и бутоните за контакт на преден план.

Услугите представихме чрез интерактивни карти, които реагират при посочване с курсор или фокус чрез клавиатура. За проектите използвахме последователно наслагване на картите и плавно появяване на изображенията при превъртане на страницата.

Добавихме и before/after плъзгач за сравняване на две изображения. Той служи за илюстрация на визуалната разлика и не представя документиран резултат от конкретен обект.

За типографията комбинирахме EB Garamond при заглавията, Hanken Grotesk за основния текст и Space Mono за малките етикети. Цветовете, отстоянията и адаптивните оформления организирахме в собствена CSS система, която запазва последователността на дизайна.

На мобилни устройства навигацията се адаптира към размера на екрана, а основните действия за контакт остават лесно достъпни. Интерактивните елементи поддържат управление с клавиатура, а анимациите се съобразяват с настройката prefers-reduced-motion за потребителите, които предпочитат по-малко движение в интерфейса.

Така дизайнът запазва индивидуалния характер на FORMA TILE, без визуалните ефекти да затрудняват използването на сайта.

Контактната форма работи с реална сървърна логика

Една от основните задачи на PlochkExpert е да улесни комуникацията между клиента и майстора. Затова освен директна връзка по телефон и имейл разработихме и контактна форма, чрез която посетителят може да опише предстоящия ремонт.

Формата позволява да бъдат посочени име, телефон, имейл, район, предпочитан период за изпълнение и описание на необходимата работа. Така майсторът получава първоначална информация за запитването още преди да се свърже с потенциалния клиент.

За обработката използвахме собствен API endpoint в Next.js. При изпращане данните преминават през сървърна валидация, след което заявката се изпраща по имейл чрез Resend.

Предвидихме и основни механизми за защита: ограничение на размера и честотата на заявките, проверка на въведените данни и скрито поле срещу автоматизиран спам. Интерфейсът показва състоянието на изпращането и уведомява посетителя при успех или грешка.

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

След публикуването направихме реален тест на контактната форма в production среда и потвърдихме успешното доставяне на имейл.

Така FORMA TILE разполага с работещ канал за онлайн запитвания, чрез който посетителите могат да изпратят информация за планирания ремонт, без да е необходимо веднага да провеждат телефонен разговор.

Защо не използвахме CMS

При първия проект от програмата, „ВиК Решения“, използвахме Sanity за управление на съдържанието през административен панел. При FORMA TILE клиентът прецени, че на този етап не му трябва редовно публикуване, затова не интегрирахме CMS, който нямаше да използва.

Ограничението е ясно: клиентът няма собствен админ панел, а добавянето на обекти или статии изисква редакция на проекта и публикуване на нова версия. Тази работа се възлага отделно, когато възникне нужда. Ако с времето публикуванията станат по-чести, към проекта може да бъде добавен CMS.

Техническо SEO и подготовка за AI видимост

Още при разработката на PlochkExpert заложихме техническа основа за SEO и AI видимост. Целта беше съдържанието да бъде добре организирано и достъпно както за традиционните търсачки като Google, така и за автоматизирани системи, които извличат и обработват информация от уебсайтове.

За всяка основна страница реализирахме индивидуални SEO заглавия и описания, canonical адреси, Open Graph метаданни и ясна йерархия на съдържанието. Добавихме robots.txt и sitemap.xml, а вътрешното линкване свързва отделните услуги с подходящите проектни представяния.

Използвахме и Schema.org структурирани данни, чрез които описваме FORMA TILE като локален бизнес, неговите услуги, информацията за изпълнителя и проектното съдържание. Тези данни предоставят допълнителен контекст за връзките между отделните елементи на сайта и подпомагат машинното им разбиране.

Как подготвихме съдържанието за AI Search

Освен стандартните HTML страници реализирахме llms.txt и Markdown версии на основното съдържание. Това е допълнителен технически слой, насочен към по-лесното извличане и обработване на информация от AI системи и автоматизирани агенти.

Markdown версиите се генерират от същите TypeScript структури, които използваме за уебсайта. Така услугите и проектите имат последователно съдържание в различните формати, без да поддържаме отделни копия ръчно.

Тези версии са маркирани с noindex, follow, за да не се индексират като конкурентни страници спрямо основното HTML съдържание от търсачките, които спазват тази директива.

Подобна техническа подготовка е част от по-широката тема за оптимизацията на уебсайтове за AI търсене. Разгледали сме я по-подробно в статията „Може ли ChatGPT да прочете сайта ти? Какво виждат AI системите“.

Важно е да разграничим техническата готовност от реалната AI видимост. Наличието на структурирани данни, llms.txt или Markdown страници не гарантира, че ChatGPT, Gemini или други AI системи ще препоръчват или цитират PlochkExpert. Резултатите зависят и от качеството на съдържанието, репутацията на бизнеса, достъпността на информацията и начина, по който отделните системи подбират своите източници.

С тази реализация осигурихме техническа основа, върху която FORMA TILE може да развива бъдещото си присъствие както в Google, така и в AI-базираното търсене.

Скорост на зареждане и резултати от PageSpeed Insights

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

След публикуването проверихме сайта чрез Google PageSpeed Insights и Lighthouse, които оценяват производителността, достъпността, добрите практики и част от техническите SEO характеристики.

На 18 октомври 2026 г. последното измерване показа следните резултати:

PageSpeed Insights резултати за PlochkExpert: 99 точки на мобилни устройства и 100 на desktop

Резултати от Google PageSpeed Insights за PlochkExpert.com, 18 октомври 2026 г. Lighthouse отчита 99/100 Performance за мобилната версия, 100/100 за desktop и максимални оценки за Accessibility, Best Practices и SEO.

При мобилния тест First Contentful Paint (FCP) беше 1.1 секунди, а Total Blocking Time (TBT) отчете 20 милисекунди. Speed Index също достигна 1.1 секунди.

При desktop измерването FCP беше 0.3 секунди, Largest Contentful Paint (LCP) достигна 0.4 секунди, а Cumulative Layout Shift (CLS) отчете стойност 0. Това означава, че в рамките на конкретния лабораторен тест не е установено неочаквано визуално разместване на страницата.

Резултатите показват висока производителност в Lighthouse и при двата типа устройства. Въпреки това скоростта остава показател, който трябва да се наблюдава и след публикуването, особено при добавяне на нови изображения, страници и функционалности.

Какво означава SEO оценка 100/100

PlochkExpert получи 100 от 100 точки за SEO в Google Lighthouse както на мобилни устройства, така и на desktop. Това потвърждава, че сайтът преминава успешно включените в инструмента автоматизирани SEO проверки.

Оценката обаче не представлява пълен SEO одит и не гарантира високи позиции в Google. Органичната видимост зависи и от качеството на съдържанието, конкуренцията, локалните сигнали, репутацията на бизнеса и последващата SEO работа.

Допълнително Lighthouse отчете 3/3 за Agentic Browsing. Това е положителен резултат от включените технически проверки, свързани с автоматизираното взаимодействие със сайта, но не доказва реална AI видимост или цитиране в ChatGPT, Gemini и други AI системи.

Към момента на измерването Google PageSpeed Insights не показваше достатъчно полеви данни от Chrome UX Report. Затова резултатите трябва да се разглеждат като лабораторни измервания, а не като потвърдена Core Web Vitals оценка за реалните посетители.

Тези проверки ни дават измерима начална точка за скоростта на зареждане, потребителското изживяване и техническото SEO на PlochkExpert, която можем да използваме при бъдещи подобрения.

Технологиите и инфраструктурата зад PlochkExpert

За разработката на PlochkExpert използвахме Next.js App Router, React и TypeScript. Избрахме архитектура, подходяща за многостраничен бизнес уебсайт, с възможност за последващо добавяне на услуги, съдържание и функционалности.

Основната част от интерфейса е изградена със Server Components, а страниците за услуги и проекти се генерират от предварително дефинирани данни. JavaScript в браузъра използваме основно там, където е необходима интерактивност: мобилна навигация, контактна форма, before/after плъзгач и визуални ефекти при показване на изображения.

Така избягваме изпращането на ненужна клиентска логика за статичното съдържание и запазваме интерактивните функционалности там, където имат практическа стойност.

Cloud инфраструктура и публикуване

За production средата използвахме Docker, Google Cloud Run и Firebase Hosting. Next.js приложението се компилира като standalone build и се изпълнява в контейнер в Google Cloud, а Firebase Hosting служи като публичен вход към приложението.

Процесът по публикуване включва Google Cloud Build за изграждане на контейнера, Artifact Registry за съхранение на образите и Secret Manager за управление на чувствителните конфигурационни стойности, необходими на външните интеграции.

Подготвихме и deployment скриптове, които организират изграждането и публикуването на нови версии на сайта. Това ни позволява да прилагаме бъдещи промени чрез последователен процес, без да настройваме ръчно цялата инфраструктура при всяко обновяване.

С тази реализация FORMA TILE получи не само завършен потребителски интерфейс, но и работеща production инфраструктура, върху която сайтът може да бъде поддържан и развиван при необходимост.

Колко струва сайтът след публикуването

Безплатната изработка има смисъл само ако последващите разходи остават предвидими за бизнеса. Затова още при планирането на PlochkExpert избрахме инфраструктура, която не изисква фиксиран месечен хостинг абонамент.

Въпреки че сайтът използва Next.js, Google Cloud Run, Firebase Hosting и собствена сървърна логика за контактната форма, очакваме месечният инфраструктурен разход да бъде около 0 € при текущото натоварване и използване в рамките на безплатните квоти.

Разходният модел изглежда така:

Посочените стойности са прогнозни, базирани на конфигурацията и опита ни с подобни проекти. Към момента няма отчетен пълен месец работа. При по-високо потребление или промяна в условията на доставчиците могат да възникнат допълнителни разходи.

30 дни поддръжка, без задължителен абонамент

В рамките на програмата FORMA TILE получава и 30 дни включена техническа поддръжка, през които поемаме отстраняването на проблеми в договорения обхват.

След изтичането на този период клиентът няма задължение да заплаща месечна такса към DIMITROV.code. Ако пожелае нови функционалности, промени по съдържанието или публикуване на допълнителни обекти, тази работа може да бъде възложена отделно.

Сайтът е изграден като самостоятелен Next.js проект, без зависимост от затворен website builder. Използваните технологии позволяват поддръжката и бъдещото развитие да бъдат поети и от друг разработчик, при осигурени необходимите достъпи и права върху проекта.

За нас беше важно FORMA TILE да получи работещ уебсайт, без безплатната разработка да се превръща в задължителен платен абонамент. Бизнесът може да продължи да работи с нас, да възлага само конкретни промени или да избере друг специалист.

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

Как Иван оценява готовия сайт

След публикуването попитахме Иван Илиев дали готовият сайт отговаря на очакванията му.

„Готовият сайт напълно задоволява нуждите ми и надмина очакванията ми. Изненада ме, че изработката наистина струваше 0 € и че нямам сериозни месечни разходи.“

За Иван следващата задача вече е ясна. Въпреки повече от 20 години професионален опит, досега не е събирал систематично снимки от изпълнените обекти. Сега иска да документира по-добре работата си, за да развива портфолиото на FORMA TILE.

Що се отнася до бъдещите запитвания, той не очаква незабавни резултати:

„Не очаквам чудеса за няколко дни. Разбрах, че е необходимо време Google да открие сайта и да започна да се класирам. Ще проследим развитието.“

Тази нагласа съвпада и с нашия подход. Публикуването на сайта е първата стъпка. Реалните резултати от органичното търсене и запитванията ще можем да оценим, след като се натрупат достатъчно данни.

Три дни разработка и 0 € за договорения обхват

За 3 дни разработихме и публикувахме PlochkExpert.com, като договореният обхват на разработката беше изпълнен за 0 €.

FORMA TILE е вторият проект, избран през септември 2026 г. по програмата на DIMITROV.code за безплатна изработка на уебсайтове.

След повече от 20 години работа Иван вече има собствено онлайн пространство, в което може да показва обекти и да получава запитвания, без да разчита само на обяви и препоръки.

От наша страна резултатът е завършен production сайт с работеща контактна форма, индивидуален дизайн и проверима техническа основа. След публикуването тествахме реалното изпращане на запитвания, публичните адреси и производителността на страниците.

Следващата стъпка е развитието на онлайн присъствието на FORMA TILE. Иван планира да събира повече снимки и материали от работата си, с които постепенно да разширяваме портфолиото.

За бъдещата SEO работа той избра да се довери на нашия партньор RB-DIGITAL. Това е отделен етап от проекта, насочен към развитието на органичната видимост на бизнеса.

Именно за такива случаи създадохме програмата: да дадем възможност на реални бизнеси да получат професионално разработен уебсайт, когато първоначалната инвестиция е пречка, и да покажем какво може да бъде постигнато с ясно определен обхват.

Ако имаш собствен бизнес и се нуждаеш от уебсайт, можеш да разгледаш програмата за безплатна изработка и да кандидатстваш. Избираме ограничен брой проекти, като всяка кандидатура се разглежда индивидуално, а обхватът на разработката се уточнява предварително.

За техническите маниаци

Ако искаш да провериш как е изградена техническата основа на PlochkExpert, можеш да го направиш директно през публичните адреси на сайта. Следните команди са изпълнени на 18 октомври 2026 г. в Linux среда.

Част от проверките използват curl, GNU grep и jq. Не е необходим достъп до source code, сървъра или Google Cloud.

18 страници в sitemap, всички с HTTP 200

Публикуваният sitemap.xml съдържа 18 адреса: основните страници на сайта, шест самостоятелни страници за услуги и шест страници за проекти.

Проверихме HTTP статуса на всеки адрес:

curl -fsSL https://plochkiexpert.com/sitemap.xml \
  | grep -oP '(?<=<loc>)[^<]+' \
  | while IFS= read -r url; do
      curl -sSL -o /dev/null \
        -w '%{http_code} %{url_effective}\n' "$url"
    done

Резултат: всичките 18 адреса върнаха HTTP 200.

Файлът robots.txt разрешава обхождането на публичните страници и посочва актуалния sitemap:

User-Agent: *
Allow: /

Sitemap: https://plochkiexpert.com/sitemap.xml

Проверихме и несъществуващ адрес:

curl -sSL -o /dev/null \
  -w '%{http_code}\n' \
  https://plochkiexpert.com/nesashtestvuvasha-stranitsa

Резултатът е 404, както трябва да бъде за страница, която не съществува.

18 работещи Markdown версии

Освен стандартните HTML страници подготвихме и Markdown представяния на съдържанието. Публичният llms.txt служи като индекс към тях.

Проверихме всяка връзка от файла със следната команда:

curl -fsSL https://plochkiexpert.com/llms.txt \
  | grep -oE 'https://plochkiexpert\.com/[^)]+' \
  | sort -u \
  | while IFS= read -r url; do
      curl -sSL -o /dev/null \
        -w '%{http_code} %{url_effective}\n' "$url"
    done

Всичките 18 Markdown адреса върнаха HTTP 200.

Тези ресурси са реално достъпни, а не просто декларирани в индексен файл.

Например Markdown версията на услугата за лепене на плочки е достъпна на:

https://plochkiexpert.com/uslugi/lepene-na-plochki/index.md

Нейният HTTP отговор съдържа:

HTTP/2 200
content-type: text/markdown; charset=utf-8
x-robots-tag: noindex, follow

Markdown страниците са допълнителен начин за предоставяне на съдържанието на автоматизирани системи. Чрез noindex, follow ги изключваме от самостоятелно индексиране, като запазваме стандартните HTML страници за основните публични адреси.

Canonical адреси и връзки между HTML и Markdown

Проверихме как HTML страницата за конкретна услуга декларира своя основен адрес и алтернативното съдържание:

curl -fsSL \
  https://plochkiexpert.com/uslugi/lepene-na-plochki \
  | grep -oE '<link[^>]+rel="(canonical|alternate|describedby)"[^>]*>'

Резултатът включва:

<link rel="canonical" href="https://plochkiexpert.com/uslugi/lepene-na-plochki"/>
<link rel="alternate" type="text/markdown" href="https://plochkiexpert.com/uslugi/lepene-na-plochki/index.md"/>
<link rel="describedby" href="/llms.txt"/>

По този начин HTML страницата остава canonical версията, а Markdown съдържанието е свързано с нея като допълнителен ресурс.

Основното съдържание е достъпно без JavaScript

При разработката с Next.js използвахме Server Components за по-голямата част от съдържанието. Това позволява важната информация да присъства още в HTML отговора на сървъра.

Проверихме основното заглавие на началната страница директно с curl:

curl -sL https://plochkiexpert.com/ \
  | grep -oP '<h1[^>]*>.*?</h1>'

Резултатът е:

<h1>Лепене на плочки в София.<em> От основата до последната фуга.</em></h1>

Текстът на заглавието се връща като част от първоначалния HTML документ. За неговото прочитане не е необходимо изпълнение на клиентски JavaScript.

Това е полезно както за достъпността на съдържанието, така и за системи, които извличат информация директно от HTML, без да изпълняват пълноценно браузърно приложение.

Структурирани данни според типа страница

PlochkExpert използва JSON-LD структурирани данни, съобразени със съдържанието на различните страници.

Можеш да провериш използваните Schema.org типове с:

curl -fsSL https://plochkiexpert.com/ \
  | grep -oP '(?<=<script type="application/ld\+json">).*?(?=</script>)' \
  | jq -r '.. | .["@type"]? // empty' \
  | sort | uniq -c | sort -rn

На началната страница проверката откри HomeAndConstructionBusiness, Person, WebSite, WebPage, OfferCatalog, ContactPoint, шест Offer и два ImageObject.

При страницата за лепене на плочки установихме различен набор: Service, WebPage, BreadcrumbList и три ListItem.

Така структурираните данни следват предназначението на конкретната страница, вместо навсякъде да се използва един общ JSON-LD блок.

Реален HTTP отговор и време за зареждане

Проверихме и времето за отговор на началната страница:

curl -so /dev/null --compressed \
  -w 'HTTP/%{http_version}\nTTFB: %{time_starttransfer}s\nTotal: %{time_total}s\nSize: %{size_download} bytes\n' \
  https://plochkiexpert.com/

При нашата проверка получихме:

HTTP/2
TTFB: 0.061386s
Total: 0.067543s
Size: 27290 bytes

Това означава приблизително 61 ms Time to First Byte (TTFB) и около 68 ms общо време за HTTP заявката от машината, на която проведохме теста.

Стойностите са моментно измерване от конкретна мрежова среда. При друг посетител, местоположение или състояние на сървъра могат да бъдат различни.

Тези проверки показват какво действително е достъпно в production: 18 работещи HTML адреса, 18 Markdown представяния, свързани canonical ресурси, структурирани данни и правилни HTTP статуси.

Това е техническа основа, която може да бъде проверена независимо. Тя обаче не доказва сама по себе си индексиране, високи позиции в Google или присъствие в отговорите на AI системи. Тези резултати изискват отделно наблюдение след публикуването.

Автор: Борислав Димитров
Full Stack Developer
Next.js • SEO • AI Visibility