SEO i dijeljenje sadržaja

Nakon ovog poglavlja

Što ćete znati napraviti

• Napisati jedinstven title i koristan description.
• Postaviti canonical, Open Graph i osnovne strukturirane podatke.
• Prepoznati performanse, pristupačnost i sadržaj kao dio tehničkog SEO-a.

Prvo ljudi

Dokument mora jasno reći što jest

Svaka stranica treba jedinstven i konkretan title te jedan glavni h1 koji odgovara sadržaju. Hijerarhija h2/h3, opisni linkovi, alt tekst smislenih slika i semantički elementi pomažu ljudima, pomoćnim tehnologijama i crawlerima.

Meta description nije jamstvo prikazanog isječka ni rangiranja, ali je prilika za kratak, točan opis. Ne punite ga nizom ključnih riječi.

<title>HTML forme u PHP-u — PHP Nova</title>
<meta
  name="description"
  content="Izradite pristupačnu PHP formu s validacijom, CSRF zaštitom i sigurnim prikazom pogrešaka."
>
<link rel="canonical" href="https://phpnova.invictum.hr/html-forme">

Kontrolirani pregled

Open Graph slika i opis

Open Graph oznake pomažu društvenim mrežama napraviti pregled. URL slike treba biti apsolutan HTTPS URL, slika dovoljno velika, a tekst na slici čitljiv. Twitter/X podržava dio istih podataka uz vlastitu card oznaku.

Crawler može cacheirati stari pregled pa promjena metapodataka nije uvijek trenutačno vidljiva. Pružite stabilan URL i razuman cache.

<meta property="og:type" content="article">
<meta property="og:title" content="HTML forme u PHP-u">
<meta property="og:description" content="Validacija, CSRF i pristupačne pogreške.">
<meta property="og:url" content="https://phpnova.invictum.hr/html-forme">
<meta property="og:image" content="https://phpnova.invictum.hr/assets/og/forms.png">

Strojno značenje

JSON-LD mora odgovarati vidljivom sadržaju

Strukturirani podaci mogu pomoći tražilici razumjeti članak, breadcrumb ili organizaciju. Koristite tip koji stvarno odgovara stranici, pružite obavezna polja i ne označavajte sadržaj kojeg korisnik ne vidi.

Brzina, stabilan raspored, prilagodba mobilnom zaslonu i pristupačnost izravno utječu na iskustvo. Optimizirajte slike, cacheirajte statiku i mjerite stvarne stranice umjesto jurnjave za savršenim laboratorijskim brojem.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "TechArticle",
  "headline": "HTML forme u PHP-u",
  "inLanguage": "hr"
}
</script>