Sugestii SEO pentru un Website Nou

Sugestii SEO pentru un Website Nou

Optimizarea pentru motoarele de căutare (SEO) este esențială pentru orice afacere care dorește să fie vizibilă online. Prin implementarea unor modificări tehnice simple, puteți îmbunătăți semnificativ clasamentul site-ului în rezultatele căutării Google.

În acest articol, vom discuta despre câteva dintre cele mai importante modificări tehnice pe care le puteți face pentru a vă îmbunătăți Optimizarea Organica.

Google Tag Manager

  • Recomandam ca toate codurile de tracking să fie puse prin Google Tag Manager (GTM)
  • Vom avea doar 2 scripturi puse in source code, cele de Google Tag Manager
  • Restul de tracking codes vor fi configurate direct in GTM, si vom putea crea containere si triggers de firing pentru fiecare în parte
  • Este mult mai usor de implementat orice tracking in viitor + vei avea o imagine de ansamblu pentru ce exista deja pe website
  • Se vor putea implementa elemente de conversie prin GTM, si crea events care se bazeaza pe HTML classes/IDs/etc. → vom trimite apoi aceste events in GA4 ca sa le putem vedea in reports

Microsoft Clarity

  • Recomandam si instalarea (tot prin GTM) a Microsoft Clarity
  • E un free heatmap tool (ce seamana cu Hotjar) creat de Microsoft
  • Poți vedea user recordings + AI insights pentru anumite recordings
  • Poate fi folosit pentru a identifica ce elemente sunt mai “hot” pentru useri în functie de Clicks și User Interactions

Optimizari Technice

Cele mai bune practici pentru Imagini + Responsiveness

Filename imagini:

  • De evitat cuvinte random/generic/sire de caractere
  • Sa fie cat mai specific filename + bazat pe tipul de produs/serviciu
  • Să se includă și anumite keyword organice unde se poate
    • Bad example → DSC4536.jpg
    • Good example → locatie-explicatie-poza.jpg

Filesize imagini

  • Cat mai mic, de evitat imagini care au peste 300-400KB
  • Imaginile se pot compresa inainte de upload

Alt text imagini

  • Tot timpul imaginile sa foloseasca alt text
  • Sa se descrie produsul intr-un limbaj cat mai simplu
  • Se pot mentiona si keywords unde e relevant

Responsiveness

Mai jos exista un code example, ce se poate aplica pentru orice website.

  • Se folosește de HTML tags ca și srcset pentru a defini logica de responsiveness
  • Urmărește mai multe condiții precum:
    • Viewport Size
    • Device Pixel ratio
    • Device width
    • Zoom level

Exemplu de cod despre cum am putea face acest lucru numai folosind etichete HTML, pentru o imagine below the fold:

<img
sizes="
(max-width: 480px) and (-webkit-device-pixel-ratio: 1) 1px,
(min-width: 481px) and (-webkit-device-pixel-ratio: 1) 2px,
(max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) 3px,
(min-width: 481px) and (-webkit-min-device-pixel-ratio: 2) 16px"
srcset="
medium-1x-q75.jpg 1w,
large-1x-q75.jpg 2w,
medium-2x-q35.jpg 15w,
large-2x-q50.jpg 16w"
style="
object-fit: cover;
max-width: 800px;
max-height: 600px;
aspect-ratio: 1.33333 / 1;
width: 100%;"
src="fallback.jpg"
alt="don't forget the alt attribute"
loading="lazy"
decoding="async"
fetchpriority="low"
role="img"
/>

Exemplu de cod despre cum am putea face acest lucru numai folosind etichete HTML, pentru o imagine above the fold:

<img
sizes="
(max-width: 480px) and (-webkit-device-pixel-ratio: 1) 1px,
(min-width: 481px) and (-webkit-device-pixel-ratio: 1) 2px,
(max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) 3px,
(min-width: 481px) and (-webkit-min-device-pixel-ratio: 2) 16px"
srcset="
medium-1x-q75.jpg 1w,
large-1x-q75.jpg 2w,
medium-2x-q35.jpg 15w,
large-2x-q50.jpg 16w"
style="
object-fit: cover;
max-width: 800px;
max-height: 600px;
aspect-ratio: 1.33333 / 1;
width: 100%;"
src="fallback.jpg"
alt="don't forget the alt attribute"
loading="eager"
decoding="sync"
fetchpriority="high"
role="img"
/>
Vreau sa fiu ajutat cu implementarile

Imaginile above the fold vor fi

  • Tot timpul incarcate cat mai repede, niciodata sa nu aiba pus un lazy load
  • Decodingul va fi facut synchronous
  • Fetchpriority cat mai mare, sa fie parsate si randate cat mai repede de browser

Imaginile below the fold vor fi

  • Lazy loaded tot timpul, se vor incarca doar cand userul ajunge sa le vada in viewport
  • Decoding facut async
  • Fetchpriority low
Optimizari technice mixtazure

HTML elements importante pentru SEO

Title Tag → tot timpul sa fie in HTML-ul pe care il vede Googlebot pe o pagina, sa nu fie introdus dinamic prin Javascript (DOM manipulation) -> Daca vine de pe website vechi sa fie importat

Meta Description → tot timpul sa fie in HTML-ul pe care il vede Googlebot pe o pagina, sa nu fie introdus dinamic prin Javascript (DOM manipulation) -> Daca vine de pe website vechi sa fie importat

Canonical element → tot timpul sa fie in HTML-ul pe care il vede Googlebot pe o pagina, sa nu fie introdus dinamic prin Javascript (DOM manipulation)

Fiecare pagina sa aiba un self-referencing canonical setat

Internal links folosind a href= → tot timpul sa fie in HTML-ul pe care il vede Googlebot pe o pagina, sa nu fie introduse dinamic prin Javascript (DOM manipulation)

Headings elements → tot timpul sa fie in HTML-ul pe care il vede Googlebot pe o pagina, sa nu fie introduse dinamic prin Javascript (DOM manipulation)

Blocarea paginilor de search sau cu filtre in robots.txt

  • Trebuie sa ne asigurăm ca aceste pagini nu pot fi crawluite si indexate de catre Google
  • Nu sunt relevante pentru rankings deoarece nu au content unic
  • Se vor bate cu paginile normale de Categorie sau produs
  • Pot afecta crawling budget
  • Orice parametru de tip filtru se poate bloca + și parametrii care apar cand e folosită opțiunea de search

Optimizari On-Page

  • Un singur H1 pe fiecare pagina
  • Restul de Headings sa fie folosite ierarhic (H1 → H2 → H3 → H4 → H5)
  • Unde exista content tip text, putem adauga internal links catre alte pagini
  • Internal link îl putem pune pe keywordul organic al paginii către care trimitem linkul
  • Sa se pastreze internal links de tip Breadcrumbs pe paginile de Categorii și Produs
  • Ajută la UX + sa vada algoritmul mai bine structura de categorii/produs

Prin implementarea acestor modificări tehnice, puteți îmbunătăți semnificativ performanța site-ului dvs. în rezultatele căutării Google.

Aceste modificări vă vor ajuta să:
  • Atrageți mai mult trafic către website
  • Creșteți vizibilitatea brandului
  • Creșteți vânzările sau conversiile

Bibliografie

https://marketingplatform.google.com/about/tag-manager/ → Sumar utilitati GTM
https://tagmanager.google.com/ → GTM Website
https://clarity.microsoft.com/ → Microsoft Clarity Website
https://learn.microsoft.com/en-us/clarity/setup-and-installation/about-clarity → Documentatie Clarity

Lasă un comentariu

Deschide WhatsApp
By Mixtazure
Salut 👋
Haide sa discutam despre SEO!