Подгответе се да стартирате вашия уебсайт: Не забравяйте тези 10 неща!

Какви са нещата, които все още трябва да направите с уебсайта си, преди да го стартирате?

Купихте уеб домейн и създадохте уебсайт – браво! Преди да натиснете бутона за стартиране и да разпространите новините за вашия нов уебсайт, не забравяйте да проверите следните неща, за да дадете на проекта си най-добрия шанс.

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

1. Google Analytics
2. Google Search Console
3. Cloudflare за сигурност и скорост
4. SSL сертификат за сигурност и доверие на посетителите
5. Кеширане за производителност
6. Оптимизация и компресия на изображението
7. Минимизиране на скрипта
8. Проверка на повредени връзки
9. Проверка на канонична връзка
10. Архивиране

Нека обясним всяка точка по-подробно:

1. Google Analytics за следене на трафика на вашия уебсайт

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

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

Без решение за анализ вие дори не знаете дали усилията ви за SEO имат ефект.

Едно от най-популярните и лесни за инсталиране решения е Google Analytics – и е безплатно!

2. Google Search Console (по-рано Webmaster Tools)

Google Search Console ви позволява да измервате ефективността на вашата търсачка Google

Ако Google Analytics ви казва какво се случва с посетителите на вашия сайт, Google Search Console (по-рано Webmaster Tools) ви казва къде се класира вашият сайт в Google по отношение на търсенията. Той ви казва колко страници от вашия сайт е индексирал Google, с какви думи ви намират посетителите, колко често се появявате в резултатите и кои страници от вашия сайт са най-популярни по отношение на органичния трафик.

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

От техническа гледна точка, след като упълномощите и добавите сайта си към Google Search Console, ще започнете да получавате различни известия и сигнали за „здравото състояние“ на вашия сайт, като например когато Google срещне грешки на вашия сървър или ако открие вируси и зловреден код на вашия сайт.

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

Google Search Console може да бъде свързана и с Google Analytics, за да видите по-подробни отчети направо в за анализ на трафика .

Google Search Console е много ценен инструмент и ви препоръчвам да се възползвате от него.

3. Cloudflare за скорост и сигурност

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

Можете да активирате Cloudflare на вашия уебсайт безплатно, без никакви промени в сайта, директно на ниво DNS . След като го активирате (отнема около 10 минути), Cloudflare поема DNS зоната и DNS заявките.

В замяна получавате:

• Защита: Тъй като DNS зоната ще се контролира от Cloudflare, IP адресът на вашия сайт ще бъде скрит и никой няма да може да открие адреса на вашия сървър. Вашият сайт ще работи безпроблемно, защото Cloudflare насочва трафика към сървъра, без да разкрива самоличността му и така ботове, злонамерени хора ще видят вместо това адреса на Cloudflare. По този начин той ви предпазва от определени атаки, които са насочени директно към сървъра. Cloudflare ви предпазва и от DDoS атаки (вид атака, която претоварва сървъра чрез изпращане на хиляди заявки в секунда).
• Скорост: Cloudflare предлага безплатно кеширане за вашето статично съдържание (изображения, HTML, CSS, Javascript код) директно в тяхната мрежа за разпространение (CDN). Това означава, че ще видите значително спестяване на честотна лента – тъй като вашите изображения и друго статично съдържание е на сървъри на Cloudflare в много региони по планетата, посетителите ви ще имат достъп до тези ресурси много по-бързо от сървър, който е близо до тях, и вашия сървър ще бъде свободно и спокойно. Докато пиша тази статия, имам повече от 50 уебсайта в Cloudflare и повечето имат спестяване на честотна лента от 50% или повече. Управлявам много сайтове за електронна търговия и всички те имат хиляди изображения на продукти. Спестяванията на честотна лента са огромни!
• Сигурност: Cloudflare предлага безплатен SSL сертификат за целия домейн, който се подновява автоматично. Всичко, което трябва да направите, е да го активирате в администраторския интерфейс и готово! Вашият сайт може да бъде достъпен с https://. Защо това е добре? От една страна, вашите посетители ще бъдат по-уверени, като видят, че вашият сайт е достъпен чрез защитена връзка. След това, от 2017 г., Google каза, че ще даде на сигурните сайтове по-голяма тежест в резултатите, а от 2018 г. дори показва етикет в браузъра Chrome до сайтове без SSL: незащитен сайт. Така че, като сте свободни, дори не е нужно да мислите за това! Дори не е нужно да инсталирате нищо на вашия сървър!

4. SSL сертификат за сигурност (на вашия уебсайт)

Както бе споменато по-горе, Google започна да предпочита уебсайтове, които имат SSL сертификати за сигурност, и показва етикет „незащитен“ в страниците с резултати заедно със сайтове, които нямат SSL. Не изглежда добре, но също така е риск за сигурността да продължите без SSL на вашия сайт, особено когато можете да имате такъв безплатно.

Край на извиненията през 2019 г. за липсата на SSL! И ако не мигрирате към Cloudflare, можете да получите безплатен SSL сертификат с повечето хостинг компании, използващи безплатни сертификати от Let's Encrypt. Можете да ги инсталирате с няколко щраквания от вашия хост или ако сте на Windows, например, можете да изтеглите малък софтуер , който ще го инсталира лесно.

Разбира се, никой не ви спира да закупите SSL сертификат от оторизиран търговец (като GoDaddy и др.) и да го инсталирате.

След като настроите SSL, не забравяйте да пренасочите всички страници с http:// версията към защитената https:// версия. Обикновено постигате това, като добавите правила за пренасочване на вашия сървър или, ако използвате Cloudflare, поставете отметка в опцията „ Винаги използвайте https “ в Crypto в интерфейса на Cloudflare.

5. Кеширане за скорост на сайта

Можете да облекчите натоварването на вашия сървър, като се възползвате от предимствата на кеширането. Ако вашият сайт е изграден с WordPress, има много модули за кеширане, които можете да инсталирате, които могат да спестят CPU (Total Cache, WP Rocket и т.н.), да спестят вашата база данни от много заявки и т.н.

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

Това е основният принцип и в зависимост от това колко сложни са вашите страници, може да накара сайта да изглежда сякаш лети!

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

6. Оптимизиране и компресиране на изображението

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

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

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

Ако използвате предимно JPEG изображения, който е компресиран (със загуба) формат, установихме, че чрез много леко регулиране на компресията/качеството можете да постигнете значителни икономии на честотна лента.

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

Вижте по-долу разликата в размера на файла при промяна на компресията на изображението (качество), от 90 (по подразбиране), до 70 и след това до 50.

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

Както можете да видите по-долу, след като преминете към качество 70, размерът на изображението се увеличава драстично. А за качествения скок от 50 на 90, размерът на файла с изображение се удвоява!

7. Минимизиране за намаляване на размера на скрипта

Минимизирането е процесът на намаляване на размера на скриптовите файлове (Javascript, CSS таблици със стилове), от които вашият уебсайт се нуждае, така че да се зареждат по-бързо.

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

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

За ефективност този процес на минимизиране може да се извърши на сървъра (има плъгини за WordPress за минимизиране), но може да се направи и в програмата/платформата, която използвате при разработването на сайта. Ако вашият сайт има Cloudflare, той може да минимизира файлове директно от сървъра, в момента на достъп, без да се налага да правите нищо.

Минимизирането на скриптовете повишава резултата, когато тестове като Google Page Speed, GTMetrix или YSlow анализират вашия сайт. Google също използва скоростта на зареждане на сайта, когато определя колко добре трябва да се класира вашият сайт в страниците с резултати от търсенето. Сайт, който се зарежда бързо, се вижда добре от Google и вашите посетители ще бъдат възхитени.

Ето пример за настройка в Cloudflare, която автоматично минимизира статичните файлове на вашия сайт:

8. Проверете за повредени връзки

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

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

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

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

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

Любимите ми инструменти за проверка дали имате повредени връзки са:

• Xenu Link Sleuth – безплатна програма за Windows, която ще проверява всяка връзка на вашия уебсайт – не само страници, но и изображения, рамки, плъгини, фонове, таблици със стилове и така нататък. Той генерира отчети в реално време, докато сканира, и накрая можете да запазите отчета или да го изпратите по имейл. Работи и на https защитени сайтове. Програмата е много малка и работи на всички версии на Windows от 95 нагоре.
• Screaming Frog – онлайн инструмент, който предлага повече от просто проверка за повредени връзки. Безплатната версия сканира до 500 URL адреса (което дори може да е достатъчно, ако нямате голям уебсайт). Той също така ви помага с някои съвети и инструменти за оптимизиране на търсачките, като идентифициране на дублирано съдържание, анализиране на мета и заглавни тагове, генериране на XML карти на сайта и др.

Ето пример за отчет, генериран от Xenu Link Sleuth:

9. Проверете каноничните URL адреси

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

Да приемем например, че имате страница за контакти, достъпна на следния адрес:

http://www.mysiteexample.com/contact

И същата страница на:

http://mysiteexample.com/contact

Може да кажете: но това е същият адрес! Това е същата страница!

Да, това наистина е същата страница, но можете да получите достъп до нея във версията на домейна с „www“ и без „www“. За Google това е дублирана страница. „WWW“ е просто поддомейн и се счита за различен адрес.

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

Тук „каноничната“ връзка идва на помощ – дори ако вашият сайт има множество страници с едно и също съдържание, достъпни на различни URL адреси, можете да посочите в раздел на страниците коя версия предпочитате („каноничната“ версия), като тази:

<link rel=”canonical” href=”http://mysiteexample.com/contact” />

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

Освен това, ако имате настроена Google Search Console, трябва също да отидете там и да посочите коя версия предпочитате, така че получените там доклади да са за подходящата версия.

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

Ако използвате WordPress на вашия сайт, страхотен инструмент за аспектите на оптимизацията на търсачките е плъгинът Yoast , който в допълнение към функциите за оптимизация, анализ на статии, анализ на ключови думи и така нататък автоматично генерира тези канонични URL адреси на всички страници.

10. Архивиране на уебсайт

Цялата работа, която влагате във вашия уебсайт, може да отиде на вятъра, ако нямате настроено решение за архивиране Качили сте изображенията, създали сте страниците, настроили сте добавките и по-късно някой хакер получава достъп до него, сървърът се срива или вие сами счупите нещо – ако нямате скорошен архив , имате нощ или две за загуба или рискувате да не възстановите нищо!

Ето защо се препоръчва да имате резервно копие, преди да стартирате сайта. Добре е да имате това още от фазата на изграждане.

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

Все пак е добра идея да имате свое копие някъде. Можете да направите резервно копие на сайта си чрез FTP или с помощта на различни инструменти за архивиране като Syncback SE или Syncback Pro (които съм използвал от години във всичките си проекти).

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

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

Като услуга за професионалисти с множество сайтове, ManageWP има и други функции като централизиран контрол на актуализации, коментари, инсталиране на модули и други.

Друго решение за архивиране, което използвам, е автоматично архивиране към Amazon S3 (можете да използвате Syncback за това) или към друг FTP сървър. Има много плъгини за wordpress, които ще архивират вашия сайт в услуги като Dropbox, Google Drive, OneDrive и др.

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

Лично аз предпочитам архивиране пред Amazon S3, използвайки Syncback Pro. Мога да конфигурирам архивирането да се изпълнява ежедневно, диференцирано (архивират се само промените, не целият сайт). И ако това е много важен сайт и искам гъвкавостта да се върна към по-стари версии, мога да настроя 7 резервни копия – по едно за всеки ден от седмицата. В този вариант, ако се случи нещо нежелано и не разбера веднага (може сайтът да е бил заразен и да не съм го забелязал, а и резервното копие е съхранило злонамерения скрипт), мога да се върна няколко дни назад.

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

Бонус: Настройте своя абонамент за бюлетин

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

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

Ако започнете да изграждате имейл списък сега, бавно ще изградите СВОЯТА аудитория – хора, които се интересуват от ВАШЕТО съдържание, ВАШИТЕ актуализации и това, което ВИЕ предлагате. Личният контакт с вашите фенове е много ефективен.

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

Бърз начин да започнете да създавате имейл списък е да се регистрирате в услуга за електронна поща или ESP ( доставчик на имейл услуги ) (някои са безплатни, други платени), въведете формуляр за абонамент на уебсайта и готово!

Заключение

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

Препоръчвам ви да не ги оставяте неприложени 6 месеца след стартирането! Не би трябвало да ви отнеме повече от 2 часа, за да преминете през всички стъпки и да ги приложите. Ще се радваш, че го направи.