Tool-uri pe care le folosesc la suportul tehnic pentru magazine online

Lucrez de aproape un an și jumătate ca suport tehnic pentru magazine online la Spring Merchant și era vremea să mai las o vorbă despre meseria asta și pe blog. Ziceam de curând pe Facebook că „E dureros dacă după ce ai lucrat într-un loc de muncă, nu te alegi cu ceva învătătură în viața de zi cu zi.”

Așa că mi-a pregătit în draft câteva articole pe subiectul acesta. Despre cum să te comporți când iei legătura cu suportul tehnic a scris deja Dojo, așa că acel subiect îl pun la naftalină. Mai sunt destule de discutat legat de suport tehnic. Vali zicea de curând că bloggerul trebuie să scrie (vezi punctul 5) și despre domeniul în care activează, o părere, ceva care să îl lege de viața de zi cu zi. De acord. Ți-ai făcut blog ca să îți dai cu părerea despre lucruri pe care le faci și pe care le cunoști.

Voi scrie în curând despre munca de suport tehnic și despre ce am învățat până acum lucrând în domeniu. Dacă e să mă întrebi, mă bucur că am nimerit cu un șef pe jumătate american care înțelege altfel valoarea muncii. Avem tooluri online prin care ne poate verifica în orice secundă. Știe că ne facem treaba și nu stă pe capul nostru. Mai degrabă avem casual talks pentru că oricum dăm cu kpi-ul (indicele de performanță) de pământ.

De mult timp vroiam să scriu despre tool-urile pe care le folosim. De cele mai multe ori sunt tool-uri publice, ușor de folosit de oricine. Sunt sigur că la un moment dat tot vei avea nevoie de unul dintre acestea. Să purcedem…

Nu-și vede clientul magazinul online? Ia să probăm!

Dacă se întâmplă că tu îi vezi site-ul, dar el nu, e posibil să fie vreun bai pe parcurs. Folosesc des downforeveryoneorjustme.com, site care îmi arată dacă poate fi accesată o anumită pagină de web.

Bineînțeles că nu îmi pun baza doar într-un singur ajutor. Mai apelez des și la WhatsmyDNS, un website care îți poate zice dacă ip-ul sau nameserverele către care este direcționat domeniul tău sunt actualizate în câteva puncte de pe glob.

Acolo alegi A, dacă vrei să afli IP-ul unui domeniu; NS, dacă vrei să vezi ce nameservere folosește; CNAME, numai pentru subdomenii (pentru cei ce nu știu www este subdomeniu) care pot sau nu pot fi direcționate către domeniu; MX, pentru câmpurile de email iar TXT pentru câmpuri DNS de verificare, validare sau pentru introducerea SPF-ului (informație prin care menționezi ce servere au voie să trimită emailuri pentru un anumit domeniu).

Ca să îți dai seama și la ce registrar are clientul domeniul folosești Central Ops. De multe ori au venit clienții zicând că domeniul este luat de la noi, dar ei îl aveau în altă parte și doar îl direcționau prin intermediul nameserverelor către hostul nostru. Uneori afli și datele deținătorului de domeniu. Util.

Dacă vreau o listă cu toate câmpurile DNS ale unui domeniu (de la IP, la nameserver, MX, etc), atunci merg pe IntoDNS. Cu tool-ul acesta verific de obicei dacă schimbările în câmpurile de email au fost aplicate.

„Vai, dar magazinul mi se încarcă așa de greu că îmi vine să vă bat!”

Desigur, doar pentru asta este acolo suportul tehnic. Să îl înjuri și să țipi la el (din fericire sunt numai pe chat și email :D). Nu mai contează că ți-ai pus ca imagine de background o poză numită DSC001.jpg ce are 7.8 MB și că ai tot felul de butoane de like, share, recommend, ultra recommend și twit, plus un slider cu imagini „optimizate” la 1MB fiecare.

Toate acestea le pot vedea cu PingDom Tools. Văd ce dimensiuni au resursele (adică fișierele CSS, conținutul HTML, imagini, video etc) și văd clar cum interacționează serverul cu browserul. Uneori serverul e leneș și trimite datele greu, dar alteori imagini neoptimizate și o tonă de widgeturi (apropo, inclusiv cel de Paypal de pe manuelcheta.com îmi încetinește blogul).

Ca să vezi cât de repede se încarcă un website în diferite părți ale lumii, apelează cu încredere la Internet Supervision. Nu uita nici Webpage Test. Ai de unde alege, numai să fii cu capul acolo și să înțelegi informația.

De curând Vali ne făcea puțin în ciudă cu faptul că blogul lui se încarcă în mai puțin de o secundă. Asta e ceva și m-am speriat când am văzut că manuelcheta.com se incarcă în 3-5 secunde și nu e vina hostingului aici. Am multe CSS-uri si javascripturi care trebuie curățate. El folosește extensia de Chrome PageRank Status ca să verifice viteza unui website.

Un alt tool, care îți dă și sfaturi, este Google PageSpeed. Afli care este viteza site-ului în raport cu celelalte testate și găsești niște sfaturi pentru optimizare. Va trebui să îmi rezerv un week-end, ca să optimizez manuelcheta.com.

A fost hackuit site-ul cumva?

Clientul nostru are magazinele online create de așa natură că prezintă într-un loc accesibil ip-urile de la care s-a accesat panoul de control. Cu IP geolocator și Store Logs pot vedea dacă nu cumva unul dintre indienii, pe care i-a angajat, s-a jucat aiurea în șabloane. Extensia aceasta de Chrome îți arată locul aproximativ al unui device cu IP-l pe care îl întroduci. Este destul de bunicică.

Dacă cineva are suspiciuni că site-ul lui are malware, poate verifica prin Sucuri SiteCheck sau Google Safe Browsing (înlocuiește blogul meu cu alt site în bara de adrese).

Un alt lucru, la care mă uit, este instalarea corectă a certificatului SSL. În funcție de caz, magazinele online necesită un certificat SSL care să le ateste identitatea pe internet. Paginile securizate vor folosi aceste certificate SSL în comunicarea datelor cu browserul. Informații ca nume, email, număr de telefon sunt aproape imposibil de descifrat când circulă pe canale securizate (https).

Ca să văd dacă cineva folosește un certificat valid, intru pe SSL Checker și introduc numai numele de domeniu. Dacă vreau să aflu ce elemente îmi generează mesaje legate de legături nesigure în pagini securizate, intru pe Why No Padlock și primesc lista de resurse care sunt solicitate prin canale normale și nu prin https.

Am setat niște redirecturi în website și nu știu dacă funcționează

Există o soluție și pentru asta. Dacă tot faci redirect de la o pagină la alta, e bine să folosești 301, nu 302. 301 e necesar pentru că îi zice lui nenea Google că pagina s-a mutat definitiv la noua locație, așadar va indexa acea nouă pagină în locul primei.

Ca să verifici redirectul unei pagini, folosește extensia Redirect Path. Cu aceasta poți vedea și prin câte hopuri este trimis browserul ca să ajungă la pagina finală.

Uneori nu trebuie să afli redirectul, dar vrei să știi ce status returnează o anumită pagină. Poți verifica asta cu HTTP Header Check sau cu Server Header Checker. 200 înseamnă că pagina e ok și toți o pot vedea, 404 înseamnă că pagina nu există, 403 înseamnă că nu ai voie să accesezi conținutul paginii (trebuie să te loghezi), 500 e eroare de server iar 502 e indisponibil. Adică un fel de a zice: „n-am timp de tine acum”.

Ca sfat general, dacă lucrezi la site și trebuie să ai ca paravan un landing page, ai grijă să aibă statusul 503 temporar indisponibil. Altfel, Google va veni de câteva ori, va vedea eroarea 502 și nu va mai reveni. E de bai!

Ceva nu e de bine. Probleme cu cookie?

Uneori trebuie să ștergi cookie-urile de la anumite site-uri pentru că funcționează cum trebuie. Ca să nu te chinui prea tare, folosește Vanilla Cookie Manager (știut de la Vali, parcă) ca să blochezi cookie-urile pe anumite site-uri sau Edit This Cookie, extensie ce te lasă să stergi cookie-urile unui site fără bătăi de cap care îți dă, în plus, informații detaliate despre fiecare cookie.

Ai cod de Analytics și nu merge?

Am avut destule cereri să verificăm dacă nu cumva codul de Google Analytics are probleme sau ceva în site îi blochează activitatea. Cu extensia Google Analytics Debugger m-am putut uita să văd dacă trackingul funcționează. Dai clic pe extensie, dai apoi refresh paginii, deschizi Inspect Tool cu CTRL+SHIFT+I (sau F12), mergi la tabul Console și acolo vezi datele din codul de tracking.

Dacă nu vezi un șir destul de mare de date ( precum rezolutie ecran, UA, id de vizitator, etc), atunci înseamnă că ceva nu e în regulă cu codul. Un View Source (CTRL+U) îți va pune codul paginii sub nas. Dacă știi un gram de HTML, îți vei da seama repede unde e baiul.

Să nu uit: Inspect Tool este aur curat. Învață să îl folosești! Te va ajuta mai mult decât crezi la modificări de website-uri. Mai pui că Eye Dropper îți găsesște ușor codul hexa al culorilor dintr-un site iar Online Color Schemer te ajută să găsești nuanța potrivită astfel ești câștigat de două ori. Neat, huh?

Screen-shoturi pentru toți. Absolut necesar!

Fac atât de des screen-shoturi încât mi-e greu să mă gândesc la o lume în care Jing sau extensia FireShot nu ar exista. Jing necesită cont, dar merită să îl folosești. Fie trimiți linkul către imagine, fie salvezi pe desktop.

Fireshot permite luarea capturii unai pagini foarte lungi, față de Jing care poate lua numai la partea ce o vezi la un moment dat din site. Vei iubi aceste două aplicații.

Un alt tool important este Join ME. Join.me îți permite să faci screen sharing cu oricine oferindu-i numai un link. E ca team viewer, dar mult mai ușor de folosit. Poți oferi controlul mausului celui cu care împarți ecranul. E ceva care de neiubit la tool-ul acesta?

Alte Tool-uri?

Bineînțeles, folosim Gmail, Gdocs, Amazon S3 și alte lucruri care sunt obișnuite într-un birou. Tool-urile folosite ca suport tehnic pentru magazine online m-au ajutat mai ales la proiectele de pe Elance.

Sper ca măcar unele dintre aceste tool-uri să te ajute la nevoie. Pe mine m-au salvat de multe bătăi de cap și sunt recunoscător internetului că ne pune la dispoziție unele lucruri gratuite.

Ce tool-uri folosești tu pe net?