• 2 percnyi olvasnivaló • Geri

Blog redesign: motiváció, inspiráció, célok

Nem vagyok elégedett a blogom jelenlegi kinézetével. Nem csúnya, nem rossz, de nem érzem a sajátomnak. Nem felel meg azoknak a szempontoknak amik nekem fontosak. Akkor mégis mi a fontos? Hogyan tovább?

Motiváció

Tanulni szeretnék. Mióta keresőoptimalizálással foglalkozom, elég sok technikai SEO auditot végeztem különböző oldalakon. A legtöbb audit végén egy hosszú listát adtam át az ügyfélnek, amikben a fejlesztendő területeket részleteztem. Ex PHP Pistikeként nem fér a fejembe: tényleg ilyen nehéz egy SEO-proof oldalt készíteni 2020-ban? Részben ennek kívánok utánajárni.

Az időzítés nem véletlen. Technikai SEO körökben a csapból is az folyik, hogy jövőre még szigorubb lesz a Google az oldalak technikai felkészültségét követően. 2021 január elejétől jön a mobile-only rangsorolás. Később a már elérhetővét tett Core Web Vitals mutatók is rangsorolási faktorrá válnak. Tökéletese alkalom, hogy mélyebb technikai SEO megértésre tegyek szert. Abban bízom, hogy ebből majd az ügyfelek is profitálhatnak a jövőben. Win-win.

Inspiráció

Jonnie Hallman ültette el a bogarat a fülemben még 2019 végén, amikor a saját oldalát kezdte ráncfelvarrni. Minden apró lépésről írt egy rövid cikket. Tök jó volt végigkövetni, milyen problémákba ütközött, milyen megfontolással melyik megoldást választotta. Valami hasonlót tervezek én is.

Bár Jonnie oldala szuper letisztult és minimalista (főleg a blog része), a Twitter egyik designer-ének, Paul Stamatiou-nak az oldala is elég csinos. Én valahova a két oldal közé célzok majd megjelenésben.

“Good artists copy, great artists steal”
— Steve Jobs

Ezt a hozzáállást nem is terveztem véka alá rejteni. Lopni fogok. Méghozzá a fentiek mellett olyan oldalakról, amikkel kapcsolatban a saját megítélésem szerint jó döntést hoztak amikor a megjelenésről vagy valamilyen funkcióról volt szó. Ha tetszik a navigáció vagy a layout egy része, lemásolom. Ha tudom tovább fejlesztem, leegyszerűsítem, újragondolom. A nap végén valami újat fogok tanulni, és ez a lényeg.

Célok

Nagyon sok fancy weboldallal kapcsolatban az az érzésem, hogy túl vannak bonyolítva. Nem megfelelőek a prioritások. Itt egy elegáns animáció, ott egy menő betűkészlet, de minek az egész, ha 5 másodperc mire betöltődik és renderelődik? Sokkal szofisztikáltabbnak tartok egy átgondolt, egyszerű(bb) megoldást. Legyen inkább faék, de legyen gyors, egyszerű és használható.

Mivel a fentiekkel nagyon könnyű dobálózni, álljon itt egy lista a konkrét célokról.

  • Letisztultabb, tartalom fókuszú megjelenés
  • 100-as érték a Lighthouse minden skáláján
  • Minél szemantikusabb kód

Eszközök

Először az volt a terv, hogy felpörgetek egy Laravel Homestead virtuális gépet, és majd ott elkódolgatok. Nem akartam a host OS-t összeszemetelni, de nem tudtam működésre bírni a rendszert. Pontosabban elindult meg minden, csak épp a host OS-ről nem értem el a VM-ben hosztolt oldalt. Elengedtem, mert nem a fejlesztői környezettel akartam az időt tölteni, hanem magával az oldallal. Végül felraktam a Node-ot a host OS-re és a Ghost CLI-vel csináltam egy local installt.

Ami a frameworköket illeti, azt tudom, hogy a Tailwind CSS-t ki szeretném próbálni, ha már szénné volt hype-olva Twitteren. Ez is, és minden más még módosulhat a jövőben, bár örülnék ha minél flottabbul menne a fejlesztés, mert mégis csak egy side project. Nem ez teszi a kenyeret az asztalra :D

Mi következik?

A közeljövőben feltöltöm az új sablon első, fapados verzióját. Szinte csak csupasz HTML lesz. Utána lépésről lépésre kézenfogva haladunk majd :) Ha elkészül a navigáció, frissítem a sablont és írok róla, hogy alakult olyannak amilyen. Izgi lesz.

Ezen a ponton így néz ki a blog mobilon.