Ce nu trebuie să-ți lipsească la următorul site pe care-l vei face

Încerc pentru acest articol să cataloghez cele mai importante opțiuni pe care trebuie să le ai la îndemână pentru următorul site pe care-l vei face (pentru tine sau pentru clienți). Dacă ai la activ site-uri cu mii de vizitatori pe zi probabil te-ai lovit de cel puțin o problemă cauzata de una din ele și sper că ai învățat deja din propriile greșeli.

SSL

Până nu de mult certificatele SSL erau o fiță sau folosite doar în paginile care procesau informații confidențiale (login, register, checkout). Asta până marile browsere au început să afișeze by default mesajul “Not secure” tuturor site-urilor care nu au un SSL (inclusiv cele de prezentare cu o pagină care n-au nici măcar un formular de contact). Pentru utilizatorul de rând, acel mesaj îi dă impresia că i se va virusa calculatorul și îi vor fi furate pozele de la majorat.

Dacă până acum 2-3 ani un SSL costa minim 5$/an, partea buna e că odată cu această schimbare au apărut și alternative gratuite precum letsencrypt.org care au implementări și în majoritatea sistemelor de management al hostingului shared (cpanel, plesk, webuzo) le poți activa cu un singur click.

sursa: reddit.com

Cloudflare

Cloudflare e o struțocămila care în principiu îți permite să:

  • ai un site mai rapid (minimizare automata a codului html, css, js, cache automat)
  • ai un site mai protejat (în caz de DDOS)
  • ai un dns mai flexibil și mai rapid

Ca și implementare trebuie doar să pointezi nameserverele cloudflare la domeniu tău si restul butonezi din dashboard-ul lor. Varianta gratuită e de ajuns pentru majoritatea tipurilor de site-uri.

Cache

There are only two hard things in Computer Science: cache invalidation and naming things.

Phil Karlton

În principiu trebuie ca orice secțiune care scoate înformații din baza de date să fie salvată efectiv pe server ca un fișier static (.txt) și servită de acolo următorilor vizitatori. Partea grea e invalidarea, adică să știi atunci când trebuie să te uiți iar direct în baza de date sau să folosești informația din fișierul static salvat.

Ca și recomandare de librarie PHP pentru acest lucru folosesc PhpFastCache care știe să lucreze cu mai multe tipuri de medii de stocare (fișiere statice, memcache etc).

Pentru WordPress pentru orice site pe care-l fac instalez WP Super Cache, un plugin care face fix ce am zis mai sus și e dezvoltat de aceeași oameni cară lucrează la WordPress.

Sitemap

Dacă SEO este un aspect important pentru următorul tău site (și ar fi bine să fie) e musai să ai un sitemap care să se regenereze automat în funcție de cum apar/dispar pagini. Asta îi va spune mai rapid lui Google despre conținutul site-ului tău și ai și un control mai bun asupra a ce pagini vrei să fie indexate cu prioritate.

În principiu e un fișier /sitemap.txt sau /sitemap.xml cu structura de aici.

Pentru WordPress dacă instalezi Yoast SEO se face automat acest sitemap.

Tag Manager

În zilele noastre cam orice chestie marketing online related (analytics, engagement, creare de audiențe) presupune să instalezi un cod javascript în codul sursa al site-ului. Bineînțeles că o poți face și manual dar asta înseamna să ai un editor de cod la îndemână oriunde oricând și să știi unde să modifici de fiecare dată.

Varianta civilizată e un Tag Manager precum Google Tag Manager care odată instalat (tot pus un cod în codul sursa) îți permite să adaugi celelalte coduri prin intermediul dashboard-ului lor online. Poți pune și diverse reguli (pe ce pagina să nu apară un anume cod) dar asta e deja altă discuție.

Health Monitor

Adică un serviciu care-ți spune automat când site-ul tau e căzut. Există și variante plătite care verifică la fiecare minut dar majoritatea celor gratuite verifică la fiecare 5 minute, interval care e unul decent pentru 99% din situații. Eu folosesc Uptime Robot. E mișto că poți vedea și grafice cu uptime-ul pe o anumită perioadă.

Voi ce kit de supraviețuire pentru un site aveți?

De unde îmi iau materiale grafice stock

Deși nu sunt designer, de multe ori am nevoie de diverse materiale grafice pentru o postare de facebook, un icon, o imagine pentru un hero block etc.

În primul rând recomand Canva (chiar și pachetul free) pentru că e un site foarte util atât pentru inspirație cât și pentru editorul online de materiale. Practic dacă ești pe grabă și nu vrei să deschizi Photoshop, îți poți rezolva treaba direct în site.

sursa: pexels.com

Pentru poze stock gratuite, folosesc pexels.com și freepik.com. Se repetă destul de mult conținutul de pe ambele dar cel din urma are în plus și materiale grafice de tip vector și .psd pentru template-uri de infografice, backgrounds etc. Pentru icons de cele mai multe ori m-a salvat flaticons.com mai ales că sunt grupate pe diverse stiluri și le poți descărca tip vector.

De când cochetez și cu editarea video mi s-a întâmplat să am nevoie de muzică de fundal. Și asta e al naibi de greu de găsit gratuit și de oarece calitate. Din fericire am descoperit acest site care are destul de mult content audio de calitate.

Deși nu am avut nevoie până acum, se pare că există o industrie și de stock videos. Până acum am găsit mixkit.co și videos.pexels.com dar din ce m-am uitat pe acolo cam toate au un stil prea americănesc.

Bineînțeles sunt curios să aflu și altele așa că le aștept prin comentarii. Sigur aveți și voi un folder in bookmarks cu tot felul de chestii gratuite și utile.

Adrese de email de unică folosință

În ton cu articolul despre adrese de email nelimitate, am găsit o soluție și pentru acele momente când trebuie să lași o adresă de email pentru a avea acces la ceva (un pdf, un cont de trial).

Bineînteles, asta se referă la acele resurse pe care ști din prima că le descarci one-time only, nefiind interesat de a primi follow up-uri în viitor.

getnada.com e un astfel de site care pune la dispoziție o adresă de email publică, adică imediat ce intri pe site, te conectează automat la o adresa de email pe care o poți folosi să… orice. Sunt mai multe servicii de genul asta și ce am observat strict în cazul getnada.com e ca dacă revii de la același calculator, te loghează în aceeași adresă ca și data trecută.

Atenție, aceste adrese de email sunt publice, adică e posibil ca sistemul să conecteze și alt utilizator la același inbox în același timp cu tine deci e de evitat atunci când mailul primit poate conține informații sensibile.

Cum să ai adrese de email nelimitate cu gmail

Ca programator se întâmplă să ai nevoie de mai multe adrese de email pentru a testa diverse functionalități la care lucrezi. De exemplu un sistem de relații (friendships) unde trebuie să faci rapid mai multe conturi ca să poți verifica că funcționează totul ok.

Dacă ai un domeniu propriu îți poti face un alias de genul [email protected] unde în loc de orice poți pune chiar orice îți trece prin minte și vei primi mailurile forward-ate pe o singură adresă de email. Bun și asa dar nu foarte practic devenind încă un lucru de setat și întreținut.

sursa: pexels.com

În gmail poți avea adrese nelimitate adăugând la numele de utilizator +orice. Dacă ai adresa [email protected], orice email trimis la [email protected] va ajunge tot la [email protected]

Un alt lucru la care poate fi folositoare opțiunea asta e înregistrarea cu o anume adresă de email pentru fiecare serviciu pe care-l folosești ca mai apoi să poți crea filtre pentru mailurile venite către adresa respectivă. De exemplu [email protected]

În felul ăsta îi poți prinde și pe cei care își împart bazele de date cu terți fără să te anunțe și să îi poți trage de urechi.