15 грешки при изработка на сайт

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

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

Грешки при планирането

1. Започвате без конкретна задача за сайта

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

Запишете основната задача. Например "Клиентът да разбере дали ремонтираме неговия тип обект и да заяви оглед". Това е пример, който трябва да пригодите към вашата работа.

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

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

2. Сравнявате офертите само по крайната цена

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

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

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

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

3. Избирате технология, без да оцените скоростта и ограниченията ѝ

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

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

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

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

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

4. Оставяте съдържанието за накрая

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

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

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

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

Дайте текста на човек, който не познава бизнеса. Може ли да разбере дали услугата е подходяща за него? За подготовката на страниците ще ви помогне и "Какво трябва да съдържа един бизнес сайт?".

Грешки, които затрудняват клиента

5. Използвате структура и имена, разбираеми само за екипа

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

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

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

6. Преглеждате мобилната версия, без да я използвате

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

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

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

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

7. Пренебрегвате достъпността

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

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

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

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

8. Оставяте бързината за финалната оптимизация

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

Поставете изисквания за скорост още в началото. Предвидете обработка на изображенията и ограничете ненужния код. Както обяснява ръководството на web.dev за зареждането на страниците, определени ресурси могат да задържат появата на съдържанието, докато браузърът ги изтегли и обработи.

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

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

В отчета ще срещнете Core Web Vitals. Това са показатели за зареждането, реакцията при взаимодействие и неочакваното разместване на съдържанието. Официалните им прагове дават следните ориентири.

При реалните данни се оценява 75-ият персентил, отделно за мобилни и настолни устройства. За да е добър даден показател, поне 75% от измерените стойности за него трябва да са в добрия диапазон. При лабораторния тест на Lighthouse, използван в PageSpeed Insights, няма потребителски взаимодействия за измерване на INP.

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

9. Правите следващата стъпка неясна или трудна

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

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

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

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

Грешки при пускането и работата след това

10. Оставяте SEO за след старта

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

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

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

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

Другата настройка е robots.txt. Този файл управлява обхождането и може да попречи на Google да достигне до страницата и да прочете инструкциите ѝ. Поискайте проверка и чрез Google Search Console, инструмента за следене на присъствието в търсачката.

За местен бизнес посочете обслужваните райони. Ако имате допустим бизнес профил в Google Business Profile, поддържайте точни контакти и работно време според насоките за местно търсене.

11. Изтривате полезното при обновяване на стар сайт

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

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

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

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

12. Не уточнявате достъпите и поддръжката

Кой може да поднови домейна? Ако единственият достъп е през личен имейл на човек извън фирмата, зависите от него дори за основни промени.

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

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

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

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

13. Приемате поверителността за готов текст и банер

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

GDPR е Общият регламент за защита на данните. Според официалните насоки на ЕС трябва да е изяснено за каква цел и на какво правно основание обработвате лични данни. Нужно е да събирате необходимото за тази цел и да предоставите съответната информация на хората, включително за получателите и срока на съхранение.

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

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

14. Измервате посещенията, без да следите запитванията

Повече посещения могат да изглеждат обнадеждаващо в отчета. Какво става след тях? За фирма за услуги бихме следили получените запитвания и колко от тях са подходящи, а след това и дали се стига до оглед или договорена работа.

Google Analytics 4 позволява важни действия да се отбелязват като ключови събития. Първо определете какво ще отчита всяка настройка. Това може да е успешно изпратено запитване или завършена резервация.

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

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

15. Пускате сайта без проверка на целия процес

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

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

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

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

Кои грешки да поправите първо?

Започнете с проблемите, които блокират работата или застрашават данните. Неработещата форма и липсата на контрол върху достъпите изискват внимание преди новите снимки. Разгледайте без отлагане и установените проблеми с обработката на лични данни, заедно с техническия екип и юриста, който познава дейността.

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

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

Какво да проверите, преди да приемете сайта?

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

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

• Телефон и достъпност. Основните действия са проверени на телефон и с клавиатура. Изпълнителят обяснява какви допълнителни проверки за достъпност са направени.

• Скорост. Основните страници са тествани с реалното съдържание и включените външни услуги. Разграничени са лабораторните резултати и наличните данни от реални потребители.

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

• SEO и старо съдържание. Важните публични страници нямат неволни ограничения за Google. При обновяване са проверени старите адреси и пренасочванията.

• Достъпи и поддръжка. Уговорени са правата и предаването на разработката. Знаете кой подновява домейна и кой реагира при проблем. Възстановяването от резервно копие е проверено.

• Лични данни и измерване. Настройките отговарят на описаната обработка на данни. Тестовите действия се отчитат правилно, без всеки клик да се брои за получено запитване.

Какво има нужда от внимание във вашия сайт?

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

В Бързсайт.бг разработваме предимно сайтове по поръчка с фокус върху бързото зареждане и SEO. Работим и по съществуващи решения. Можем да обсъдим какво да се подобри в сегашния сайт и дали техническата му основа позволява необходимите промени.

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