Suomen Paras -logoSuomenParas.com

Etusivu › #1-badge › Asennusohje

Lisää #1-badge sivullesi

#1-badgen saa vain kategoriansa mitattu ykkönen; kumppanibadgen voi lisätä jokainen vertailussa mukana oleva yritys. Asennus on yksi liitettävä koodinpätkä: liität sen kerran, eikä sitä koskaan tarvitse päivittää käsin. Ei skriptejä, ei evästeitä, ei seurantaa, pelkkä kuva ja linkki julkiseen profiiliisi.

#1-badge myönnetään vain kategorian ykköselle. Jos yrityksesi on ykkönen, oma koodisi löytyy profiilisivultasi, sen linkistä pääset tälle sivulle valmiiksi täytetyillä koodeilla.

1. WordPress

  1. Avaa sivun muokkaus ja lisää lohko: Mukautettu HTML (Custom HTML).
  2. Liitä alla oleva koodi lohkoon.
  3. Paina Päivitä. Valmis, badge päivittyy tästä eteenpäin itsestään.
<a href="https://suomenparas.antonjalonen.fi/">
  <img src="https://suomenparas.antonjalonen.fi/badge/ESIMERKKI.svg"
       alt="Suomen Paras, kategorian ykkönen 2026" width="300" height="112">
</a>

2. Shopify

  1. Avaa Verkkokauppa → Teemat → Mukauta.
  2. Lisää esimerkiksi alatunnisteeseen lohko Mukautettu Liquid (tai Custom HTML) ja liitä koodi.
  3. Tallenna. Badge näkyy kaikilla sivuilla, joilla alatunniste on.
<a href="https://suomenparas.antonjalonen.fi/">
  <img src="https://suomenparas.antonjalonen.fi/badge/ESIMERKKI.svg"
       alt="Suomen Paras, kategorian ykkönen 2026" width="300" height="112">
</a>

3. Wix

  1. Valitse editorissa Lisää elementtejä → Upota koodi → Upota HTML.
  2. Liitä koodi laatikkoon ja aseta laatikon kooksi noin 300 × 112.
  3. Julkaise sivusto.
<a href="https://suomenparas.antonjalonen.fi/">
  <img src="https://suomenparas.antonjalonen.fi/badge/ESIMERKKI.svg"
       alt="Suomen Paras, kategorian ykkönen 2026" width="300" height="112">
</a>

4. Squarespace

  1. Lisää sivulle lohko Koodi (Code).
  2. Liitä koodi ja tallenna.
  3. Huomio: koodilohko vaatii Squarespacen Business-tason paketin.
<a href="https://suomenparas.antonjalonen.fi/">
  <img src="https://suomenparas.antonjalonen.fi/badge/ESIMERKKI.svg"
       alt="Suomen Paras, kategorian ykkönen 2026" width="300" height="112">
</a>

5. Mikä tahansa muu sivusto

  1. Avaa sivupohjan HTML (yleensä alatunniste eli footer).
  2. Liitä koodi haluamaasi kohtaan ennen </body>-tagia.
  3. Tallenna ja julkaise. Ei skriptejä, ei evästeitä, pelkkä kuva ja linkki.
<a href="https://suomenparas.antonjalonen.fi/">
  <img src="https://suomenparas.antonjalonen.fi/badge/ESIMERKKI.svg"
       alt="Suomen Paras, kategorian ykkönen 2026" width="300" height="112">
</a>

6. Sähköpostin allekirjoitus

  1. Lisää allekirjoitukseen kuva koodin img src -rivin osoitteesta.
  2. Tee kuvasta linkki profiilisivullesi (a href -rivin osoite).
  3. Useimmissa ohjelmissa: Asetukset → Allekirjoitus → lisää kuva ja linkki.
<a href="https://suomenparas.antonjalonen.fi/">
  <img src="https://suomenparas.antonjalonen.fi/badge/ESIMERKKI.svg"
       alt="Suomen Paras, kategorian ykkönen 2026" width="300" height="112">
</a>
PÄIVITTYYKÖ SE

Itsestään

Badge on kuva meidän palvelimeltamme ja päivittyy jokaisella mittauskierroksella. Jos kärkipaikka joskus vaihtuu, badgeen ilmestyy ajanjakso, jolloin yritys oli ykkönen, sivusi koodiin ei kosketa koskaan.

HIDASTAAKO SE

Ei

Yksi pieni SVG-kuva. Ei JavaScriptiä, ei kolmannen osapuolen evästeitä, ei vaikutusta sivusi nopeuteen.

MITÄ SE MAKSAA

Ei mitään

Badge on maksuton, koska pisteitä ei voi ostaa. Käyttöehdot ovat lyhyet: upota muuttamattomana, linkki profiiliin säilyy.