Lifehäkk piltide optimeerimiseks Frameris – SEO

Üks pisike "probleem", mis Frameriga ja ka muude nö mitterätseplahendustega tekib, on see, et mingeid asju ei saa peenhäälestada. Nii näiteks, nagu ma kirjutasin siin, on Frameril küll väga hea karbist väljas SEO skoor, ent kui tahta kõik näitajad 100 peale ajada, siis on see keeruline.

Piltide SEO

Üldine valem on lihtne – kui su pilt on veebilehel nii jõle suur, et sure või ära, olgugi, et ta on surutud pisikese raami sisse, ehk, et välja paistab täitsa ok, siis ongi pahasti. Ideaal oleks selline, et pilt on sama suur kui konteiner, mille sees ta asub. Aga no nii peeneks Google seda asja ka ei aja, sest kasutajakogemuse seisukohalt nii probleemne see asi pole.

Kui sa sellest teemast midagi ei tea, on vaja muidugi pisut kodutööd, aga muidu on nii, et pilti saab tõmata suuremaks või väiksemaks samal ajal kui ta mahult, bittidelt, kaalult on ikka sama suur. Ja see on see, mis loeb, ehk, et kui sa pildi HTML-is lihtsalt kokku lükkad, jääb ta mahult ikka muutmata ja vaataja arvuti või pihuseade, peab kogu selle mahu oma arvutisse laadima.

Optimeeritud piltidega rakendus/veebileht on selline, et sõltuvalt veebilehitseja akna suurusest sevreeritakse vastavas suuruses pilti. Piksli kaupa kõiki võimalikke suuruseid teha pole mõtet, ent mingi 3-4 suurust võib olla küll. Loe siit juurde.

Kuidas Framer pilte optimeerib

Frameri kasutaja siin sekkuda ei saa. Framer ise on aga seadistatud nõnda, et ta skaleerib kõik pildid laiuse järgi neljaks erinevaks suuruseks – 512px, 1024px, 2048px ja 4096px laiaks. NB – ülespoole ta siiski ei skaleeri/suurenda. Seega mida saab teha, on seadistada oma kujunduse laiused lähtudest nendest piltide laiustest ja sel juhul saaks oma skoori piltide poolest paika. See tähendab, et lähtuks erinevate plokkide jms mõõtudes piltide mõõtudest.

Framer lubab valida, kas kasutada fikseeritud laiusega pilte või serveerib Framer pildid sõltuvalt veebilehitseja laiusest.

Olin seda tähtsat avastust tehes juba peaaegu rõõmus, aga siis selgus, et blogi puhul seda teha ei saa. Sel põhjusel, et blogi pilte saab seadistada moel, et see mõjub eranditeta kõikidele vaadetele/breakpointidele.

Jätkub…

Üldised piltide optimeerimise põhimõtted

Siinne sissekanne ei räägi kõikidest piltidega seonduvatest ja vajalikest sammudest, kuna kõik sellised juhised on erinevate SEO-asjatundjate ja SEO-teenuse pakkujate poolt oksendamiseni lahti kirjutatud. Seega ei hakka ma omalt oolt internetti risustama sellega, et piltidel peab olema "õige" ALT-tag, sobilik failinimi jms.

Frameri pisikeseks miinuseks piltide optimeerimisel on see, et sa ei saa anda pildile nime

Õigemini sa küll saad, aga Framer muudab selle mingiks suvaliseks tähtede ja numbrite joruks.