Начало/Блог/План за редизайн на уебсайт: шест етапа от прегледа до пускането

// УЕБ ДИЗАЙН

План за редизайн на уебсайт: шест етапа от прегледа до пускането

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

План за редизайн на уебсайт: шест етапа от прегледа до пускането

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

Редизайнът е различна задача от изработката на нов сайт. Не започвате от празен лист. Имате трафик, позиции в Google, съдържание, неща, с които клиентите ви са свикнали, и обикновено дълъг списък с неща, които екипът иска да промени от години. Добрият план пази първите четири и подрежда списъка.

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

Защо редизайните се объркват още преди първия дизайн

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

  • Няма записана цел. „Сайтът изглежда остарял“ е повод да започнете, но не е цел. Без измерима цел всяко мнение тежи еднакво и печели този, който говори най-силно.
  • Няма отправна точка. Ако никой не е записал колко запитвания, обаждания или поръчки носи старият сайт, никой не може да каже дали новият е по-добър.
  • Съдържанието остава за накрая. Дизайнът се одобрява с примерен текст, а после истинските текстове не пасват на оформлението или още не са написани.
  • Обхватът се разраства всяка седмица. Около редизайна изплуват всички отлагани желания: блог, клиентски портал, онлайн записване, ново лого. Всяко поотделно е разумно. Заедно удвояват срока.
  • SEO се оставя за деня на пускането. Пренасочванията, заглавията на страниците и вътрешните връзки се планират още при прегледа, а не един следобед преди домейнът да бъде насочен към новия сайт.

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

Етап 1: прегледайте сайта, който вече имате

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

Запишете числата си

Отворете Google Analytics и Google Search Console и запишете данните за последните дванадесет месеца: посещения, страниците, през които хората влизат в сайта най-често, търсенията, които ги водят, и колко запитвания, обаждания или поръчки е донесъл сайтът. Ако още не измервате реализациите, започнете сега. Дори данни за четири седмици преди редизайна ви дават нещо, с което да сравнявате.

Докато сте там, проверете основните страници с PageSpeed Insights на Google. Показателите Core Web Vitals на Google задават ясни цели: основното съдържание да се зарежда до 2,5 секунди, страницата да реагира на докосване до 200 милисекунди, а оформлението да не подскача, докато се зарежда. Ако сегашният ви сайт не отговаря на тези стойности на телефон, ето ви конкретна цел за новия.

Открийте страниците, които носят клиенти

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

Направете опис на съдържанието

Съберете всички адреси (URL) на сайта в електронна таблица. Разработчикът ви може да го направи за минути със специална програма за обхождане, а вие можете да започнете и от картата на сайта (sitemap). За всяка страница отбележете едно от четири решения: остава както е, пренаписва се, слива се с друга страница или се премахва. Тази таблица става гръбнакът на целия проект. От нея излизат новата структура, планът за съдържанието и накрая таблицата с пренасочвания.

Попитайте хората, които говорят с клиентите

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

Проверете техническата страна

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

Етап 2: определете цели, обхват и бюджет

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

  • Бизнес цел: например повече запитвания за най-печелившата ви услуга или по-малко обаждания с въпроси за работното време и цените.
  • Цел за посетителя: какво трябва да разбере човек, който влиза в сайта за първи път, в първите десет секунди и какво е единственото действие, което искате да направи.
  • Техническа цел: сайтът да отговаря на изискванията на Core Web Vitals на телефон, екипът ви да сменя цените без разработчик или да добавите английска версия.

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

След това разделете списъка с желания на две колони: какво трябва да работи в деня на пускането и какво може да дойде в следващите месеци. Блог, система за записване или клиентски портал могат да тръгнат месец по-късно и посетителите няма да усетят липсата им. Ако ги оставите за след пускането, най-лесно ще опазите и срока, и бюджета.

Оставете в бюджета място и за изненади. При редизайна те идват от стария сайт: съдържание, за което никой не е знаел, връзка със софтуера за фактуриране, която трябва да продължи да работи, форма, която попълва таблица, на която разчита някой в счетоводството. Съветваме да заделите 10–15% от бюджета за такива неща и още в началото да се разберете със студиото как се оценяват промените в обхвата.

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

Какво да подготвите, преди да наемете някого

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

  • Заданието от втория етап с целите, задължителните неща и тези, които могат да почакат.
  • Числата от прегледа и таблицата с описа на съдържанието.
  • Един определен човек, който одобрява дизайна и съдържанието и наистина има правото да го прави. Късното одобрение от някой, който не е следил проекта, е най-скъпото забавяне, което срещаме.
  • Достъпите на едно място: регистратор на домейна, хостинг, сегашната CMS, Google Analytics, Search Console, Google Business Profile и акаунтите за плащания или куриери като Еконт и Спиди.
  • Материалите на марката: лого във векторен формат, цветове, шрифтове и насоки за марката, ако имате такива.
  • Истински снимки или уговорена дата с фотограф. Снимки от фотобанки с усмихнати хора в офис няма да отличат българска клиника или работилница от останалите.
  • Три до пет сайта, които харесвате, с по едно изречение какво точно ви харесва. „Начинът, по който са подредени цените“ помага много повече от „изглежда модерно“.
  • Бюджетна рамка. Не е нужно да я споделяте в първия имейл, но трябва да я знаете, защото тя определя дали ще правите освежаване, редизайн или миграция към нова платформа.

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

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

Етапи 3 и 4: структура, съдържание, дизайн и изработка

Това е частта, която повечето хора си представят, когато чуят „редизайн“. Когато основата е готова, тази част върви бързо.

Първо структурата

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

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

Съдържанието заедно с дизайна

Пишете текстовете за ключовите страници, докато дизайнерът работи. Груби чернови са напълно достатъчни. С истинска чернова дизайнерът може да направи много, а с примерен текст (lorem ipsum) – съвсем малко. Ако сайтът е двуезичен, планирайте двата езика от самото начало. Добавянето на английски по средата на проекта засяга всеки шаблон, меню и съобщение във формите.

Дизайн и разработка

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

  • Седмица 1: старт на проекта. Заданието, картата на сайта и планът за съдържанието са съгласувани. Започва писането на текстовете.
  • Седмица 2: дизайн на началната страница за компютър и телефон. Връщате коментарите си, събрани на едно място, до два работни дни.
  • Седмица 3: дизайнът на вътрешните страници е одобрен. Пристигат текстовете за основните страници. Започва разработката на всичко одобрено.
  • Седмица 4: сайтът се оформя на линк за преглед. Добавят се форми, карти, онлайн записване и връзка с CRM.
  • Седмица 5: останалото съдържание, вторият език, ако има такъв, тестове за скорост и за работа на телефон. Таблицата с пренасочвания е окончателна.
  • Седмица 6: финален преглед, пускане и кратко обучение за екипа ви как да редактира сайта.

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

Етап 5: пуснете новия сайт, без да загубите позициите си в Google

Тук редизайните нанасят най-трайните щети, а почти винаги това може да се избегне. Всеки адрес, който се променя, има нужда от постоянно пренасочване (301 пренасочване) от стария адрес към най-близката нова страница. Без него връзките от други сайтове, отметките и индексът на Google водят към страница с грешка, а позициите, които този адрес е натрупал, се губят.

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

Списък за проверка преди пускането:

  • Таблицата с пренасочвания е пълна, всеки адрес от описа води към работеща страница и всичко е тествано, преди домейнът да бъде насочен към новия сайт.
  • Заглавията и мета описанията на страниците, които се класират, са пренесени или подобрени, а не оставени празни.
  • Вътрешните връзки сочат директно към новите адреси, без да минават през пренасочвания.
  • Google Analytics и проследяването на реализациите работят на новия сайт от първата минута, за да е коректно сравнението преди и след.
  • Новата карта на сайта е подадена в Google Search Console, а старата е премахната.
  • Формите са тествани изцяло и съобщенията наистина стигат до правилната пощенска кутия.
  • Google Business Profile, профилите в социалните мрежи и подписите в имейлите сочат правилните страници.

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

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

Етап 6: първите 90 дни след пускането

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

  • Първа седмица: проверявайте Search Console всеки ден за грешки при обхождането и страници 404 и добавяйте липсващите пренасочвания още същия ден.
  • Втора до четвърта седмица: събирайте обратна връзка от клиенти и служители и оправяйте дребните неща, например форма, която праща към грешна пощенска кутия, или страница, която изглежда странно на по-стар телефон.
  • Втори месец: сравнете запитванията, обажданията и поръчките с отправната точка от първия етап. Очаквайте позициите в Google да се менят през този период.
  • Трети месец: прегледайте целите от заданието. Решете какво влиза в следващия кръг подобрения, като започнете от нещата, които във втория етап отложихте за „по-късно“.

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

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

Заключението

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

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

Често задавани въпроси

Какво трябва да включва планът за редизайн на сайт?

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

Колко време отнема редизайнът на сайт?

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

Ще загубя ли позициите си в Google след редизайн?

Може да ги загубите, ако адресите се сменят без пренасочвания или ако изтриете съдържание, което се класира. С пълна таблица с 301 пренасочвания, пренесени заглавия и съдържание и карта на сайта, подадена в Search Console, при повечето сайтове промените са краткотрайни, докато Google ги обхожда наново. Google препоръчва пренасочванията да се пазят поне една година.

Кое е по-добре: редизайн или нов сайт?

Ако платформата работи и екипът ви може да я редактира, редизайнът на същата платформа обикновено излиза по-евтино. Ако системата (CMS) е остаряла, сайтът е бавен, каквото и да настройвате, или всяка промяна изисква разработчик, миграцията към нова платформа често се изплаща. Прегледът в първия етап обикновено прави отговора очевиден.

На колко години се прави редизайн на сайт?

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

Мога ли да запазя съдържанието си при редизайн?

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

Кой трябва да участва в редизайна на сайт?

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

Какво да подготвя, преди да се свържа с уеб агенция?

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

Искате второ мнение за плана си за редизайн?

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

Обсъдете редизайна с нас →