Редизајнот на веб-страница има смисла кога сегашната страница веќе не го работи својот главен дел: не носи барања за понуда, бавно се вчитува на телефон, тешко се ажурира или изгледа постаро од вашиот бизнис. Добар редизајн не почнува со нова боја и нов фонт. Почнува со прашањето што посетителите треба да завршат на страницата, а завршува со пренасочувања, тестирање и мерење, за новата верзија да не ги изгуби позициите што старата ги стекнала на Google. Во овој водич ги минуваме сите чекори по ред, со проверките што ги правиме и ние пред секое објавување.
Накратко
- Редизајнот е време кога страницата не носи клиенти, не работи добро на мобилен, е бавна или е тешка за ажурирање, а не само кога „изгледа старо“.
- Планирајте според задачите на посетителите: кој доаѓа, што бара и каде се откажува. Внатрешната поделба на фирмата не е добра основа за мени.
- Пред објава направете мапа на сите стари URL-адреси и поставете трајни 301 пренасочувања кон новите, без синџири.
- Новата страница ја мерите со Core Web Vitals на вистински корисници и со аналитика на конверзиите, не само со еден тест во прелистувачот.
- Прилагодена веб-страница вреди кога имате специфични процеси, бренд или интеграции што шаблонот не ги покрива без компромиси.
Содржина
- Препорачано
- Препорачано
- Препорачано
- Препорачано
- Препорачано
- Дали ќе ги изгубам позициите на Google по редизајнот?
- Препорачано
- Препорачано
- Препорачано
- Редизајн со Bloxhost
- Препорачано
- Препорачано
Што опфаќа редизајнот, а што е само освежување
Луѓето го користат зборот „редизајн“ за многу различни работи, па вреди да се разграничи пред да побарате понуда.
Освежување е промена на површината: нови фотографии, поинакви бои, ажуриран лого, неколку преработени текстови. Структурата, адресите на страниците и системот за управување остануваат исти. Ова е брзо и евтино, но не решава проблем со навигација, брзина или конверзии.
Целосен редизајн ја менува и логиката на страницата: архитектурата на информациите (кои страници постојат и како се поврзани), дизајнот на интерфејсот, содржината, често и технологијата под хаубата. Тука спаѓаат нов CMS или преминување на друга платформа, преработка за мобилни уреди, оптимизација на брзината, подобрување на безбедноста и пристапноста и, речиси секогаш, промена на дел од URL-адресите.

Тоа второто е причината зошто редизајнот бара план. Секоја променета адреса, секоја избришана страница и секој нов шаблон влијае на тоа како Google и посетителите ја пронаоѓаат вашата содржина.
Знаци дека е време за редизајн
Не постои правило „на секои три години“. Постојат симптоми. Ако препознавате два или повеќе од овие, редизајнот најверојатно ќе се исплати повеќе од уште едно крпење:
- Страницата не носи барања. Имате посети, но малку повици, пораки или нарачки. Најчесто проблемот е нејасна понуда, скриен контакт или предолг пат до акција.
- На телефон е мачна за користење. Ситен текст, копчиња што се допираат едно со друго, табели што излегуваат од екранот. Повеќе за тоа како се прави правилно прочитајте во нашиот текст за responsive дизајн.
- Бавна е. Големи фотографии, застарени приклучоци и тешки скрипти. Само со правилен формат и големина на сликите често се добива видлива разлика, што го објаснуваме во водичот за фотографии за веб.
- Не можете сами да ја ажурирате. За секоја промена на цена или нова услуга треба да барате програмер, па содржината застарува.
- Бизнисот се сменил. Нови услуги, нова целна група, нов пазар, а страницата сè уште ја раскажува приказната од пред пет години.
- Технологијата е застарена. Верзија на CMS што повеќе не добива безбедносни закрпи, теми што не се ажурираат, хостинг без HTTPS.
- Не изгледа како вас. Брендот е пораснат, а страницата не. Потенцијалниот клиент го прави првиот суд за неколку секунди.
Планирање според целите на бизнисот
Најскапата грешка при редизајн е да се почне од дизајнот. Прво се собираат факти.
Водичот за планирање веб-страница на Berkeley препорачува процес што одлично функционира и за мал бизнис: идентификувајте ги целните групи, нивните задачи и проблеми, разговарајте со неколку претставници на тие групи, направете попис на постојната содржина и анализирајте ја посетеноста. Потоа споредете се со страници од слични организации или лидери во индустријата и тестирајте ја употребливоста.
Во пракса, за мал или среден бизнис тоа значи:
- Цел во една реченица. На пример: „Да добиваме повеќе барања за понуда од фирми во регионот“. Ако имате пет цели, имате ниедна.
- Кои се посетителите. Нови клиенти, постојни клиенти, кандидати за работа, партнери. Секоја група бара нешто друго.
- Што бараат. Цена, рок, локација, примери од работа, начин на контакт. Прашајте ги луѓето што ви одговараат на телефон кои прашања најчесто ги слушаат.
- Попис на содржината. Табела со секоја постојна страница, нејзината адреса, посетеност и одлука: задржи, преработи, спои или избриши.
- Податоци од аналитика. Кои страници носат посети од Google, од кои страници луѓето излегуваат, кои уреди ги користат. Ако аналитиката досега не била поставена како што треба, почнете со нашиот водич за веб аналитика.
Исто така од Berkeley доаѓа и еден принцип што го повторуваме на секој проект: навигацијата се гради според задачите што посетителите сакаат да ги завршат, а не според тоа како е организирана фирмата одвнатре. Посетителот не знае дека имате „Сектор за продажба“ и „Оддел за поддршка“. Тој знае дека сака „цена“ и „контакт“.
Чекори на редизајнот, од проверка до објава
Ова е редоследот што го препорачуваме. Чекорите може да се преклопуваат, но ниеден не треба да се прескокне.
- Ревизија на постојната страница. Технички преглед (брзина, грешки, скршени линкови, безбедност), преглед на содржината и снимка на моменталната состојба: позиции, посети, конверзии. Без оваа снимка подоцна нема со што да споредите.
- Цели и мерила за успех. Конкретни бројки што ќе ги следите: барања за понуда месечно, време на вчитување, процент на напуштање на клучните страници.
- Архитектура на информациите. Нова мапа на страници и мени изградени според задачите на посетителите. Тука се одлучува кои адреси остануваат, а кои се менуваат.
- Содржина. Текстовите се пишуваат или преработуваат пред дизајнот, не по него. Дизајн на празни кутии со „lorem ipsum“ речиси секогаш води до текстови натрупани да ги пополнат кутиите.
- Wireframe и дизајн. Прво скици на распоредот за мобилен и десктоп, па визуелен дизајн. Мобилната верзија се проверува од првиот ден.
- Избор на технологија. CMS, хостинг, интеграции. За поголеми проекти со повеќе канали вреди да се разгледа и headless CMS, а за пошироката слика погледнете кои модерни веб технологии навистина вредат за бизнисот.
- Развој на тест-околина. Новата страница се гради на посебна адреса, недостапна за пребарувачите, додека старата работи нормално.
- Мапа на пренасочувања. Секоја стара адреса добива нова соодветна адреса. Повеќе за ова подолу.
- Тестирање. Обрасци, линкови, брзина, различни уреди и прелистувачи, пристапност.
- Објава и следење. Префрлување во мирен период, проверка на пренасочувањата веднаш по објавата и следење на бројките во наредните недели.
Што да се провери: мобилност, брзина, безбедност и пристапност
Дизајнот е она што се гледа. Овие четири работи се она што одлучува дали страницата ќе работи.
Мобилност. Страницата треба да е удобна за читање и кликање со палец, без хоризонтално скролање, со доволно големи копчиња и форми што не бараат зумирање.
Брзина и стабилност. Google ги мери со Core Web Vitals, три метрики за корисничкото искуство кои се оценуваат на 75-тиот перцентил од посетите, посебно за мобилни и десктоп уреди:
| Метрика | Што мери | Добар резултат |
|---|---|---|
| LCP (Largest Contentful Paint) | Колку брзо се прикажува главната содржина | до 2,5 секунди |
| INP (Interaction to Next Paint) | Колку брзо страницата реагира на клик или допир | до 200 милисекунди |
| CLS (Cumulative Layout Shift) | Колку содржината „скока“ при вчитување | до 0,1 |
Безбедност. HTTPS на целата страница, ажуриран CMS и приклучоци, силни лозинки и ограничен пристап до администрацијата, редовни резервни копии. Редизајнот е добра пригода да се исчистат приклучоците што никој не ги користи.
Пристапност. Контраст на текстот, опис на сликите, навигација со тастатура, јасни ознаки на полињата во формите. W3C препорачува да се користи WCAG 2.2, најновата верзија на насоките, за напорите за пристапност да важат и во иднина. Пристапна страница е полесна за користење за сите, не само за луѓето со попреченост.
Како да ги зачувате позициите на Google
Тука редизајните најчесто тргнуваат наопаку. Старата страница со години собирала линкови и позиции, а новата ги „губи“ затоа што адресите се смениле без пренасочување.
Google во упатството за преместување страници препорачува сервериски трајни пренасочувања (HTTP 301 или 308) од старите кон новите адреси и советува да се избегнуваат синџири од повеќе пренасочувања, како A кон B кон C, бидејќи додаваат доцнење и не сите прелистувачи ги следат долгите синџири.
Практично, мапата на пренасочувања изгледа вака:
| Стара адреса | Нова адреса | Забелешка |
|---|---|---|
| /uslugi.php?id=3 | /uslugi/izrabotka-veb-stranici | 1:1, иста тема |
| /za-nas-istorija | /za-nas | две страници споени во една |
| /akcija-2019 | /uslugi | содржината е избришана, пренасочување кон најблиската тема |
Некои правила што ги почитуваме:
- Секоја важна стара адреса оди на најсоодветната нова, не масовно на почетната страница.
- Содржината што носи посети не се брише и не се скратува без причина. Ако страница носи посети од Google, нејзиниот текст, наслов и опис се пренесуваат или подобруваат.
- Внатрешните линкови се ажурираат директно кон новите адреси, за да не минуваат низ пренасочувања.
- Тест-околината се отклучува за пребарувачите при објава. Заборавена забрана за индексирање е класична грешка што ја брише страницата од резултатите.
- Се испраќа нова sitemap во Google Search Console и се следат грешките во наредните недели.
Мало привремено колебање на позициите по голема промена е нормално. Ако е голем пад што не се враќа, првото место за проверка е мапата на пренасочувања.
Прилагодена веб-страница или шаблон
При редизајн се поставува и прашањето дали новата страница да се гради по мерка или врз готов шаблон, односно алатка за изработка без програмирање.
Прилагодена веб-страница значи дизајн и структура направени токму за вашиот бизнис: вашите услуги, вашите корисници, вашите процеси. Не се прилагодува бизнисот на шаблонот, туку страницата на бизнисот.
| Критериум | Шаблон или алатка за изработка | Прилагодена веб-страница |
|---|---|---|
| Брзина на старт | Брзо, особено за едноставна страница | Потребно време за планирање и изработка |
| Изглед | Сличен на многу други страници | Единствен, според вашиот бренд |
| Структура | Ја следи логиката на шаблонот | Ја следи логиката на вашите клиенти |
| Брзина на вчитување | Често оптоварена со функции што не ги користите | Само кодот што ви треба |
| Интеграции | Ограничени на она што платформата нуди | Поврзување со системите што веќе ги користите |
| Раст | Може да удрите во ѕидот на платформата | Се надградува кога бизнисот расте |
Шаблон може да биде добар почеток за личен проект или многу едноставна презентација. Прилагодената страница има смисла кога страницата е канал за продажба, кога брендот ви е важен за довербата, кога имате специфични процеси (резервации, барања за понуда со повеќе чекори, каталог) или кога сакате страница што нема да ја менувате пак за две години.
Тестирање и мерење по објавата
Објавата не е крај на проектот. Првите недели покажуваат дали редизајнот ја постигнал целта.
Пред објава проверете ги сите обрасци (дали пораката навистина стигнува), сите копчиња за повик и порака, страниците на неколку телефони и прелистувачи и сите пренасочувања од мапата.
По објава споредувајте со снимката од почетната ревизија: посети од пребарување, барања за понуда, време на вчитување. Лабораториските алатки како Lighthouse се корисни за дијагноза, но web.dev нагласува дека целосна слика за перформансите дава само мерењето на вистински корисници. Затоа гледајте ги и податоците за Core Web Vitals во Search Console, кои се собираат од реални посети.
Најважното мерило останува она од вториот чекор: дали страницата носи повеќе од она за што ја правевте.
Нашиот поглед на редизајнот
Во Bloxhost гледаме дека повеќето мали и средни бизниси не доаѓаат кај нас затоа што страницата им е „грда“. Доаѓаат затоа што не ги наоѓаат на интернет или затоа што посетителите доаѓаат и си одат без да се јават. Тоа се проблеми со видливост и ангажман, и ниту еден од нив не се решава само со нова тема.
Затоа на секој редизајн гледаме како на решавање конкретен проблем. Прво разбираме што треба да направи посетителот, па ја градиме структурата околу тоа, па дизајнот, со најновите технологии таму каде што навистина носат брзина и стабилност, а не за да звучат модерно. Секој бизнис е различен и затоа решението го прилагодуваме на клиентот, наместо клиентот на готов образец. Страница што изгледа добро е почеток. Страница што работи е целта.
— Peter
Редизајн со Bloxhost
Ако вашата страница е бавна, тешка за ажурирање или не носи барања, можеме да ја погледнеме заедно и да ви кажеме дали ви треба освежување или целосен редизајн. Изработуваме прилагодени веб-страници за мали и средни бизниси, претприемачи, маркетинг агенции и организации, со функционален и визуелно привлечен дизајн. Побарајте понуда за редизајн и ќе почнеме од вашите цели.
Често поставувани прашања
Колку време трае редизајн на веб-страница?
Зависи од обемот: бројот на страници, количината содржина што треба да се преработи и интеграциите. Освежување на мала страница е многу побрзо од целосен редизајн со нова структура и нов CMS. Најчесто најмногу време одзема подготовката на содржината, па почнете со неа уште на почетокот.
Дали ќе ги изгубам позициите на Google по редизајнот?
Не мора, ако се зачуваат содржината што носи посети и се постават трајни 301 или 308 пренасочувања од секоја стара адреса кон соодветната нова. Привремено колебање е можно по голема промена. Траен пад обично значи пропуштени пренасочувања или избришана содржина.
Може ли да ја задржам истата адреса на доменот?
Да, и во повеќето случаи тоа е препорачано. Доменот останува ист, а се менуваат дизајнот, структурата и технологијата. Новата верзија се гради на тест-околина и се префрла на постојниот домен при објава.
Што е подобро: редизајн или нова страница од нула?
Кога структурата и технологијата на старата страница се добри, а проблемот е во изгледот и содржината, доволен е редизајн. Кога CMS-от е застарен, кодот е тежок за одржување или бизнисот целосно се сменил, поисплатливо е да се изгради нова прилагодена страница, со пренесување на вредната содржина и пренасочувања од старите адреси.
Извори
- Planning your website, Berkeley Web Builder
- Web Vitals, web.dev
- Web Content Accessibility Guidelines (WCAG) 2.2, W3C
- Site Moves and Migrations, Google Search Central
