Responsive design e metodă de design web care face site-ul să se adapteze automat la orice mărime de ecran (desktop, tablet, mobile).
Responsive design uses CSS media queries pentru a adapta layoutul paginii în funcție de lățimea ecranului. Exemplu: pe desktop, o pagină are 3 coloane; pe tablet 2 coloane; pe mobile 1 coloană. CSS determină asta automat. HTML-ul rămâne același — doar CSS se schimbă. Alternativa (bad): site-uri mobile.site.com separate (m.site.com) — dual management, sync issues. Google recomandă responsive design ca best practice. Mobile-first responsive: design pentru mobile mai întâi, apoi scaleaza la desktop cu media queries pentru ecrane mai mari.
Responsive design = o versie de site menținută ușor. Mobile-first = bine rankuit pe mobile. Site-uri non-responsive = frustrate de utilizatori pe mobile = bounce rate ridicat = rank prost.
Sursă: Google — Mobile-Friendly DesignMobile optimization e adaptarea site-ului pentru mobile. Google rankează "mobile-first" — pagini care nu-s optimizate pentru mobile rankează prost.
SEO tehnic cuprinde optimizările infrastructurii site-ului — crawlabilitate, indexare, viteza de încărcare, HTTPS și structura datelor — care permit Google să găsească și să înțeleagă paginile tale.
Core Web Vitals sunt 3 metrici tehnice Google — LCP, INP și CLS — care măsoară experiența de utilizare a paginilor și sunt factori oficiali de ranking din 2021.