Тестване след пускането онлайн
Модул 5: Публикуване и Вашият собствен домейн · Време за четене: 9 минути
Цел на урока: След този урок ще можете систематично да тествате сайта си, след като е публикуван онлайн: връзки, изображения, форма, мобилен изглед, https и проверката за сигурност. Ще знаете също как да разпознаете стара версия в браузъра си и как да се отървете от нея.
Основни понятия: тестов кръг, частен прозорец, кеш на браузъра, твърдо опресняване, мъртва връзка, проверка за сигурност, Проверка сега, страница за грешка, тестово съобщение
Защо да тествате истинския сайт
Прегледът в редактора не е точно Вашият сайт. Някои неща работят само в публикуваната версия:
- Вашата форма за контакт изпраща имейли само от истинския сайт и само ако сайтът Ви е към пакет;
- собственият код от Настройки > Интеграции не се изпълнява в прегледа, но на истинския сайт се изпълнява;
- банерът за бисквитки и услугите, които се зареждат едва след съгласие, ще видите да работят наистина само на сайта си;
- https, пренасочването от http към https и от www към основния адрес (урок 5.2) съществуват само на истинския Ви домейн.
Затова след всяко пускане онлайн и след всяка голяма промяна правете тестов кръг на истинския адрес. Отнема около петнадесет минути и предотвратява ситуацията, в която първият клиент, който Ви се обади, е този, който открива грешката.
Първо: виждате ли наистина най-новата версия?
Браузърът Ви пази страници, снимки и оформлението за известно време. Това е кешът на браузъра. Така сайтът Ви се зарежда бързо, но след Публикувайте промените понякога все още виждате старата версия. Затова тествайте така:
- отворете сайта си в частен прозорец (инкогнито); той започва без запазени страници;
- или направете твърдо опресняване: Ctrl+F5 на Windows, Cmd+Shift+R на Mac;
- тествайте и на телефона си, за предпочитане през мобилни данни, а не през Wi-Fi.
Ако в частния прозорец виждате новата версия, а в обикновения прозорец старата, със сайта Ви няма никакъв проблем. Ако и в частния прозорец се вижда старата версия, проверете в редактора дали наистина сте публикували: ако горе вдясно все още стои Публикувайте промените и току-що сте направили промяна, последната Ви версия още не е онлайн.
Тестовият кръг, стъпка по стъпка
Schildersbedrijf Example тества така, в частен прозорец:
- Всички страници през менюто. Кликнете всеки елемент от менюто, включително елементите в подменю. Отваря ли се всяка страница с правилното заглавие най-горе?
- Всички бутони и връзки. Кликнете всеки бутон: "Поискайте оферта", "Обадете ни се", връзките в долната част на страницата. Води ли всеки бутон към правилната страница или секция? Връзките към телефонния Ви номер и имейл адреса отварят телефона или имейл програмата.
- Връзки към други сайтове. Вашата страница във Facebook, знак за качество, упътване за маршрут: работят ли и отварят ли правилната страница?
- Изображения. Зарежда ли се всяка снимка, включително по-надолу в дългите страници? Ако някоя липсва, ще видите празно поле.
- Формата, наистина. Попълнете формата за контакт с друг Ваш адрес. Пристига ли съобщението на адреса в Изпращане на съобщенията до и появява ли се текстът или страницата за благодарност? Вижте урок 5.3 за подробностите.
- Мобилен изглед. Отворете сайта на телефона си. Отваря ли се менюто, достатъчно големи ли са бутоните, за да ги докоснете, не излиза ли текст извън екрана? В редактора можете предварително да погледнете с Мобилен в горната лента, но Вашият собствен телефон е истинският тест.
- https и адресът. Въведете
http://example.comиwww.example.com. Стигате ли и в двата случая до един и същ адрес с https и катинарче? - Страница, която не съществува. Въведете адрес като
https://example.com/bestaat-niet. Така ще видите какво получава посетител, който последва стара или грешна връзка. Ако на собствения Ви сайт все още има връзка към такъв адрес, коригирайте я. - Банер за бисквитки и уиджети. Ако използвате услуги на други доставчици (карта, видео или статистика), появява ли се банерът и зарежда ли се картата едва след съгласие (урок 7.2)?
- Втори език. Ако имате втори език, работи ли изборът на език и има ли ги новите текстове и на този език?
Запишете какво откривате. Поправете го в редактора, публикувайте с Публикувайте промените и след това тествайте отново само тази точка.
Проверката за сигурност в редактора
Редакторът има собствена проверка в панела Сигурност в лентата с инструменти вляво. Кликнете Проверка сега. За около половин минута редакторът преглежда всичко, което идва отвън: връзките на сайта Ви, уиджетите и интеграциите, собствения Ви код и банера за бисквитки. Той наистина посещава връзките.
Получавате списък За преглед, например:
- "Връзката вече не работи (404): ..." това е мъртва връзка, често към страница на друг сайт, която е преместена;
- "Несигурна връзка без https: ..." връзка, която започва с
http://; заменете я с https версията; - "Връзката не можа да бъде проверена автоматично (сайтът блокира това): ..." това не е грешка: някои сайтове не допускат автоматични проверки; кликнете сами такава връзка;
- "Съобщенията от Вашата форма отиват до ..., а не до имейл адреса на акаунта Ви. Вярно ли е това?" това е въпрос, а не грешка.
До дадена точка често има бутон, например Попитайте AI или Редактиране на уиджета. Проверката е безплатна и можете да я пускате най-много 3 пъти на час. Тя не замества Вашия собствен тестов кръг: не проверява дали снимките Ви изглеждат добре или дали формата Ви пристига.
Капани
- Тестване в прегледа вместо на истинския сайт. Там формата и собственият код не работят наистина.
- Тестване само на собствения компютър. Там браузърът Ви е свикнал със старата версия и често все още сте влезли в различни услуги. Частният прозорец и телефонът Ви дават по-честа картина.
- Еднократна проверка на външна връзка и никога повече. Другите сайтове се променят. Пускайте проверката за сигурност отново от време на време.
- Забравени тестови съобщения. Предупредете колегите, които също четат пощенската кутия, че ще пристигнат тестови съобщения.
- Прибързани изводи след промяна в DNS. Ако на едно устройство виждате новия сайт, а на друго стария, причината често все още е DNS (урок 5.2), а не грешка в редактора.
В редактора: как се прави
- Публикувайте последната си версия с Публикувайте промените.
- Отворете сайта си в частен прозорец и минете през десетте стъпки по-горе.
- Отворете в редактора панела Сигурност и кликнете Проверка сега.
- Поправете всяка точка или съзнателно решете, че е наред.
- Публикувайте поправките и тествайте отново променените части.
Обобщение
- Тествайте истинския сайт: формата, собственият код, https и банерът за бисквитки работят наистина само там.
- Използвайте частен прозорец или твърдо опресняване, за да сте сигурни, че виждате най-новата версия.
- Проверете менюто, бутоните, връзките, изображенията, формата, мобилния изглед, https, страницата за грешка, банера за бисквитки и втория език.
- Панелът Сигурност с Проверка сега открива мъртви и несигурни връзки и преглежда уиджетите и собствения код, безплатно и най-много 3 пъти на час.
- След всяка поправка: публикувайте и тествайте отново тази точка.
Тест
Задача
Задача A5.4: Всички връзки и изображения работят. Въведете уеб адреса на своя сайт с AI Builder, безплатния адрес или собствения си домейн. Програмата прочита картата на сайта (sitemap), посещава всички страници в нея така, както би го направил посетител, и проверява:
- дали всяка страница е достъпна;
- дали всички връзки към други страници от собствения Ви сайт работят;
- дали всички изображения на тези страници се зареждат;
- дали
http://пренасочва къмhttps://.
За всеки ред виждате зелено, оранжево или червено, заедно със страницата и връзката или изображението, които не работят. Програмата прави най-много 25 заявки на проверка, така че при голям сайт не проверява всичко; Вашият собствен тестов кръг остава необходим. Ако получите червено, поправете го в редактора, публикувайте с Публикувайте промените и проверете отново.