Lansarea unui site web - paşii de bază

Attila-Mihaly Balazs
Software Panther @ Synapp.io

Teoretic lansarea unui site web nu poate fi mai simplă: scrii zece linii de HTML , îl salvezi într-un fişier denumit index.html şi gata, ai un sit web. Practic, ca site-ul să poate îndeplini scopul pentru care a fost conceput, el trebuie să aibă două calităţi:

• să fie utilizabil,
• utilizatorii potenţiali să afle despre existenţa lui.

Articolul acesta va prezenta paşii de bază necesari pentru atingerea acestor scopuri. Inspiraţia pentru acest articol a venit în timpul lansării site-ului it-events.ro, un calendar central pentru toate evenimentele din domeniul IT de pe teritoriul României. Site-ul este de folos atât pentru cei care vor să participe la evenimente (pentru că pot să fie notificaţi despre toate evenimentele noi în modul preferat - email, RSS, Facebook, Twitter, Google+) cât şi pentru organizatori care pot să se asigure că evenimentul lor nu se suprapune cu alte evenimente similare şi au acces la un grup de oameni interesaţi. Acestea fiind zise, prezenăm ceea ce este necesar unui site web pentru a avea șanse de succes.

Găzduire

Prima întrebare înaintea lansării unui site web este de obicei "unde să-l găzduiesc?". Există o multitudine de opţiuni în funcţie de tehnologia folosită şi bugetul disponibil. Recomandările mele personale sunt:

• Instanţa micro de la Amazon EC2 - este gratuit timp de un an şi ai control deplin asupra maşinii virtuale (poţi instala orice software care este necesar pentru serviciul tău). Un alt avantaj sunt setările de securitate care sunt destul de stricte. Dezavantajul este limita de resurse impuse (un procesor, 30 GB HDD şi 613 MB de RAM) care poate crea probleme în cazul în care mai muţi utilizatori accesează în paralel site-ul. Este de recomandată testarea performanţei folosind servicii ca blitz.io sau un simplu Apache Bench (ab).
• Google App Engine - Este o soluţie specializată, nu poate să ruleze platforme generale (cum ar fi Wordpress, Drupal, etc). Pe de altă, parte poate fi folosit foarte uşor pentru site-uri statice. În cazul site-urilor dinamice scrise pentru platforma GAE oferă avantajul scalării uşoare şi a fiabilităţii sporite.

/robots.txt

Este un fişier text care precizează roboţilor de căutare (search engine crawlers) ceare părţi ale site-ului să le parcurgă şi pe care nu. E important de ştiut că respectarea regulilor din acest fişier este pur voluntară, deci să nu vă bazaţi pe el ca şi pe o măsură de securitate. Un robots.txt simplu arată în următorul fel:

robots.txt se mai foloseşte şi pentru specificarea sitemap-ului şi vitezei de parcurgerevitezei de parcurgere a sitului de către roboţii de căutare. Similar standardului robots.txt există şi mişcarea de humans.txt , dar acesta nu este folosit pe scară largă.

Monitorizare

Există două feluri de monitorizare:

• monitorizarea faptului că site-ul funcţionează - nu a murit serverul web, baza de date, etc. Există o multitudine de companii care oferă astfel de servicii. Pentru IT-Events.RO folosesc Pingdom care oferă opţiunea de alertare prin SMS gratis pentru un site
• monitorizarea vizitatorilor pe site (de unde vin, ce sisteme de operare folosesc, etc). Pentru acesta folosesc şi recomand Google Analytics . Totodată recomand adăugarea siteului în Google Webmaster Tools şi verificarea periodică a mesajelor de acolo. GWT oferă alerte şi informaţii despre aspecte care sunt de interes pentru proprietarii site-urilor (viteza de răspuns, adrese care nu puteau fi accesate, conţinut maliţios, etc)

Sitemaps

Este un fişier care conţine lista tuturor paginilor de pe site. E util în cazul în care robotul de căutare are dificultăţi în găsirea tuturor paginilor de pe site sau conţinutul site-ului se schimbă frecvent. Majoritatea platformelor oferă funcţionalităţi pentru generarea automată a sitemap-urilor, de exemplu pe IT-Events.RO folosesc BWP XML Sitemaps .

Nu există o denumire standard pentru sitemap-uri, roboţii de căutare îl descoperă prin robots.txt sau prin înştiinţare directă ("ping"). De exemplu robotul de căutare de la Google poate fi notificat despre existenţa unui sitemap folosind Google Webmaster Tools amintit la punctul anterior.

Favicon

Favicon este o prescurtare de la "Favorite Icon" şi reprezintă iconiţa care apare lângă titlul site-ului, în lista siturilor favorite şi aşa mai departe. Ajută la crearea identităţii vizuale a site-ului (subconştientul utilizatorilor învaţă să recunoască site-ul pe baza lui). Un alt avantaj este eliminarea erorilor de 404 ("not found") din jurnalul (log) server-ului web. Acestea apar pentru că navigatoarele cer această resursă în mod automat la vizitarea unui sit, chiar dacă nu există legătură către el în pagină.

Alte fişiere care sunt descărcate în mod automat (şi pot să rezulte în erori de 404 dacă nu există) sunt:

• apple-touch-icon-*.png - imagini folosite de navigator pe platformele Apple (iPad, iPhone) pentru a reprezenta situl dacă este salvat pe ecranul principal (un fel de Favicon cu rezoluţie mai mare). Este util adăugarea lui din acelaşi motive ca şi la favicon: identitate vizuală şi eliminarea erorilor 404.
• crossdomain.xml - folosit de Flash pentru a determina în ce mod poate fi accesat site-ul de Flash de pe alte site-uri. Dacă nu se vrea folosirea conţinutul site-ului de pe alte domenii folosind Flash, se poate adăuga un fişier simplu cu următorul conţinut pentru eliminarea erorilor de 404 din jurnal:

Trimiterea email-urilor

Trimiterea email-urilor a devenit din ce în ce mai complicată în zilele de azi din cauza email-urilor nesolicitate (spam). Furnizorii de servicii de email au răspuns prin introducerea unor filtre stricte pentru a elimina aceste tipuri de email-uri. Astfel a devenit dificil crearea email-urilor care să nu fie eliminate de aceste reguli.

Pentru simplitate se pot folosi servicii precum MailChimp. Dacă vrei să trimiţi email-uri de pe instanţe Amazon EC2, trebuie setate Reverse DNS-ul (RDNS) şi SPF . Ca alternativă Amazon oferă SNS (Simple Notification Services), dar acesta este restricţionat la 1000 de mesaje / lună în varianta gratuită.

Verificarea compatibilităţii site-ului cu diferite programe de navigare

În funcţie de tipul site-ului, utilizatorii vor folosi diferite programe de navigare (browsers). Este important să verificați că site-ul este afişat la fel şi e funcţional folosind toate variantele pe care vrem să le suportăm. O metodă mai uşoară decât instalarea tuturor programelor este folosirea serviciilor de genul BrowserStack sau BrowserLab . Un alt lucru important este verificarea codului HTML, dacă el respectă standardele W3C folosind unelte cum ar fi validator.w3.org. Acest lucru este important pentru că tratarea codului non-standard variază de la navigator la navigator şi folosind cod standard reducem probabilitatea ca site-ul să fie afişat în mod diferit de navigatoare diferite.

Îmbunătăţirea vitezei de încărcare

Viteza de încărcare este importantă pentru utilizatori dar şi pentru Google care ia în considerare un site rapid "mai bun" decât un site lent. Există o multitudine de unelte care pot fi folosite pentru măsurarea vitezei dintre care voi menţiona doar patru:

• YSlow - este o extensie la Firefox de la Yahoo care analizează situl şi sugerează metode prin care poate fi înbunătăţite viteza de încărcare a paginii.
• mod_pagespeed - este o extensie la Apache creat de Google care optimizează conţinutul paginii pentru o viteză mai bună.
• CDN-urile (Content Delivery Network) - ajută prin plasarea serverelor mai aproape (fizic) de utilizator. Un exemplu bun este CloudFare .
• Extensii specifice pentru platforma folosită - de exemplu W3 Total Cache pentru WordPress.

Concluzii

Crearea unui site este foarte uşoară. Crearea unui site care să fie uşor de folosit de utilizatori şi de sisteme automate este un proces continuu. O listă mai completă de paşi pentru maximizarea impactului site-ului poate fi găsită la webdevchecklist.com. Merită citită şi discuţia asociată de pe HackerNews .