Weboldal technikai optimalizálás – a legfontosabb intézkedések

nyomtatás · Время на чтение: 8мин · Автор: · Опубликовано · Обновлено

szaporodniHallgassa meg a cikket

Technikai weboldal optimalizálás: alapvető SEO követelmények.

Technikai weboldal optimalizálás keresőmotorokhoz. Az útmutató a webhely belső optimalizálásának módszereit írja le.
Technikai optimalizálás — a webhely megfelelő beállítása a keresőmotorokkal való legmagasabb szintű interakció érdekében. Ezt azonnal meg kell tenni a motor beszerelése után, és a helyszín kezdeti tartalommal való feltöltése közben. Most elmondom, melyik az optimalizálás fontos szempontjai oda kell figyelni, és először meg kell tenni.

Technikai SEO versus belső SEO vs külső SEO

Sokan a keresőoptimalizálást (SEO) három különböző blokkra bontják: on-page SEO, off-page SEO és technikai SEO. Nézzük meg gyorsan, mit jelentenek mindegyik.

Belső SEO optimalizálás

SEO oldalon olyan tartalomra utal, amely megmondja a keresőmotoroknak (és az olvasóknak!), hogy miről szól az oldal, beleértve a képalkotót, a kulcsszóhasználatot, a metaleírásokat, a H1 címkéket, az URL-neveket és a belső hivatkozásokat. Maximálisan irányíthatja az oldal SEO-ját, mert minden megtalálható a webhelyén.

Külső SEO optimalizálás

Külső SEO megmondja a keresőmotoroknak, hogy mennyire népszerű és hasznos az oldala a bizalom révén – elsősorban a visszamutató linkek vagy más webhelyekről a saját webhelyére mutató linkek. A visszamutató linkek mennyisége és minősége növeli a PageRank-et és az oldal IQ-ját. Ha minden más nem változik, a megbízható webhelyekről származó 100 releváns hivatkozást tartalmazó oldal magasabb rangú lesz, mint az 50 megbízható webhelyről származó releváns linket tartalmazó oldal (vagy a megbízható webhelyekről származó 100 irreleváns link).

Technikai SEO optimalizálás

A technikai SEO is az Ön ellenőrzése alatt áll, de kissé nehezebb elsajátítani, mivel kevésbé intuitív.

Helyes oldalszerkezet

A webhely szerkezete.

Minden webhelynek a legkényelmesebb szerkezettel kell rendelkeznie. Az emberekhez hasonlóan a keresőmotorok is megnéznek egy webhelyet, és értékelik annak használhatóságát. Bármely internetes forrásnak legfeljebb három oldalt kell tartalmaznia. Vagyis a főoldalról maximum három kattintással bármelyik oldalra el kell jutnia a felhasználónak.A legfontosabb példák a technikai oldaloptimalizálásra a legjobb helyezés érdekében a keresőkben.
Az információs oldal leghelyesebb és legegyszerűbb felépítése a következő lenne:

— Kezdőlap — Kategória — Anyag.
A kategóriák határozzák meg a szakaszokat. Ha az oldal különféle betegségekről szól, akkor a kategóriák a következők lehetnek: kardiológia, neurológia, sebészet ...
Bonyolultabb, több információt tartalmazó projektek esetében a szerkezet a következő lehet:
— Fő — Kategória — Alkategória — Anyag.
Így a szerkezet kibővül, de világos és logikus marad. Például ezen az oldalon a Kardiológia kategória tartalmazhat Szívbetegségek és Érbetegségek alfejezeteket.
Nem tilos két vagy több rovathoz kapcsolódó anyagok feladása. Például egy Hepatitisről szóló anyag egyszerre lehet a Hepatológia és a Virológia kategóriában. A legfontosabb dolog az anyagok hierarchiájának megfigyelése.
A megfelelő szerkezet felépítését a szemantikai mag tervezésének és összegyűjtésének szakaszában gondolják át.

Helyes oldallinkelés

Helyes belső oldalhivatkozás.

A linkelésről már készülök egy alaposabb anyaggal, és hamarosan közzé is teszem. Újralinkelés – linkek elhelyezése az oldalon a felhasználók egyszerű navigálása és az oldalak súlyának átvitele érdekében.
A linkelés példájának megtekintéséhez nyissa meg bármelyik Wikipédia-cikket. Mindegyik sok hivatkozást tartalmaz más cikkekre. Van még egy vicc, hogy bármelyik Wikipédia-cikkből öt kattintással eljuthat egy Hitlerről szóló cikkhez. Természetesen az Ön webhelyén a cikk nem tartalmazhat 20 hivatkozást más anyagokra, de 2-4 hivatkozás szükséges.

A linkelés egyik fontos tulajdonsága a súly átvitele más oldalakra. Ha az összes oldal egymáshoz kapcsolódik, a súly egyenletesen oszlik el, és az általános pozíciók nőnek. És amikor egy adott oldalt reklámoznak, akkor a többi anyag súlya átkerül rá. Az érthetőség kedvéért tegyük fel, hogy egy egészségügyi webhely egy oldalát szeretné népszerűsíteni a Gyermekorvosi ellenőrzés szolgáltatással. Ennek érdekében több cikket írunk majd a blogba a gyermekbetegségekről, és ahol megemlítjük a gyermekorvosi vizsgálat szükségességét, ott linkeket teszünk ki szolgáltatásunkra.

Zsemlemorzsa és használhatóság

Az oldalon található kenyérmorzsa hasznos navigációs elem.

A jó szerkezet semmi, ha a felhasználó nem látja. Az oldal létrehozásakor előtérbe kell helyezni annak hasznosságát a végszemély számára és a könnyű használhatóságot. Ha az oldal látogatója eltéved, és nem talál magának érdekesebb anyagokat, akkor problémái vannak a használhatósággal.

Breadcrumbs és webhelytérkép, megvalósítható egyszerű beépülő modulokkal, vagy a kód módosításával, ha ezeket a használt sablon nem biztosítja. De a használhatóságnak működnie kell. A menüt helyesen át kell gondolni, vizuálisan észrevehetővé és kényelmessé kell tenni. Gondoljatok át különféle apróságokat, mert már a megszokott fellapozó gomb is nagyban megkönnyíti a felhasználó életét, így egy kattintással a fejléchez juthat, nem pedig videóval görgetheti végig a már olvasott anyagot.

A technikai optimalizálás elsősorban kódoptimalizálás

HTML, CSS, JS optimalizálása, tömörítése és gyorsítótárazása PHP-ben.

Weboldal kód optimalizálása a legjobb eredmény elérése érdekében. Tömörítse a képeket, css, js, html a jobb sebesség elérése érdekében .htaccess fájllal.
Mára a felhasználók türelmetlenekké váltak, és ha az oldal akár egy másodperccel is tovább nyílik, mint egy versenytársé, akkor felkeresik. Ezzel a keresőmotorok is tisztában vannak, a letöltési sebességet használják az egyik rangsorolási tényezőként. Ezért fontos, hogy az oldal a lehető leggyorsabban működjön. A nehéz képek, az érvénytelen elrendezési kód, a hibás szerverválaszok nem járulnak hozzá ehhez.
Most általánosságban a kódoptimalizálásról fogok beszélni, hogy kapjon egy kezdeti ötletet. Készítek egy anyagot is, ahol részletesen elmondom, és lépésről-lépésre útmutatót készítek a kód optimalizálásához.

Tehát ahhoz, hogy optimalizáljuk a kódot, és a webhelyet a keresőmotorok számára a legvonzóbbá tegyük, a következőket kell tenni:

Tömörítse a képeket, csökkentse a súlyát, ami gyorsabbá teszi a betöltést

A tapasztalatlan webmesterek gyakran nagy felbontású képeket töltenek fel a szerverre, amelyeket aztán CSS segítségével tömörítenek a megjelenítéshez. A képeket helyes abban a felbontásban feltölteni, amilyenben az oldalon megjelennek. A képeket manuálisan is tömörítheti úgy, hogy újra menti őket a Photoshopban, vagy használhatja a képeket tömöríthető számos szolgáltatás egyikét. A WebP Image Format egy új képfájlformátum az interneten való használatra. WebP képformátum használata esetén a képek 25–34 %-vel kisebbek lesznek, mint a PNG és a JPEG, anélkül, hogy a minőség romlana.

A html, js és css optimalizálása

Az oldal kódját a lehető legegyszerűbbé kell tennünk. Ami a html-t illeti, akkor távolítson el minden kód megjegyzést, csináljon normál sortörést. A js-szkriptek esetében helyezze el őket a tartalom után, hogy a szkriptek betöltése előtt értelmes információk jelenjenek meg a képernyőn. A kivétel a szkript, amely a tartalom megjelenítéséhez szükséges. Hasznos lesz az összes szkriptet egy fájlba helyezni. CSS – stíluslapokat használjon mindenhez. Ideális esetben minden kimenetnek CSS-en keresztül kell történnie, és nem kell minden alkalommal betölteni nehézkes kóddal.

Az erőforrások minimalizálása (HTML , wbr CSS és wbr JavaScript) a sikeres optimalizálás nagyon fontos szempontja

A kicsinyítés a szükségtelen vagy redundáns adatok eltávolításának folyamata anélkül, hogy befolyásolná az erőforrás böngésző általi kezelését – például megjegyzések és kódformázás, nem használt kód eltávolítása, rövidebb változó- és függvénynevek használata stb. Csökkentse a HTML-forrásokat, a CSS-t. és JavaScript:

  • A HTML kicsinyítéséhez próbálja ki a HTMLMinifiert
  • A CSS minimalizálásához próbálkozzon a CSSNano és a csso használatával.
  • A JavaScript kicsinyítéséhez próbálja ki az UglifyJS-t. A Closure Compiler is nagyon hatékony. Létrehozhat egy olyan összeállítási folyamatot, amely ezeket az eszközöket használja a fejlesztési fájlok kicsinyítésére és átnevezésére, és tárolására a termelési könyvtárban.

Ezenkívül a PageSpeed modul integrálódik az Apache vagy Nginx webszerverrel, hogy automatikusan optimalizálja webhelyét, beleértve az erőforrások minimalizálását.

Állítsa be a megfelelő átirányításokat

Szükséges, hogy minden oldal 200-al válaszoljon, és ahol átirányításra van szükség az oldal súlyának átadásával, például a cím megváltoztatásakor egy 301-es kódot adnak meg. Az audit rendszeres átirányításokat végez. A 301-es átirányítás feldolgozása néhány másodpercet vesz igénybe. Szorozza meg ezt néhány oldallal vagy átirányítási szinttel, és komolyan befolyásolja webhelye sebességét.

Használja ki a gyorsítótárazási beépülő modulok előnyeit

A gyorsítótárazó beépülő modulok tárolják a webhely statikus verzióját, amelyet visszaküldenek a visszatérő felhasználóknak, így csökkentve a webhely betöltési idejét a visszatérő látogatások során.

Aszinkron (aszinkron) betöltés használata

A szkriptek olyan utasítások, amelyeket a szervereknek el kell olvasniuk, mielőtt feldolgoznák az Ön weboldalának HTML-kódját vagy törzsét, amelyet a látogatók látni szeretnének az Ön webhelyén. A szkripteket általában egy webhelyen helyezik el (például a Google Címkekezelő szkriptjét), ahol elsőbbséget élveznek az oldal többi részének tartalmával szemben. Az aszinkron kód használata azt jelenti, hogy a szerver egyszerre tudja feldolgozni a HTML-t és a szkriptet, ezáltal csökkenti a várakozási időt és növeli az oldal betöltési idejét. Így néz ki egy aszinkron szkript: script async src="script.js"/script

Lehetőleg ne használja a bővítmények régi verzióit

Az elavult beépülő modulok gyakran tartalmaznak biztonsági réseket, amelyek sebezhetővé teszik webhelyét a támadókkal szemben, amelyek károsíthatják webhelye rangsorolását. Ügyeljen arra, hogy mindig a beépülő modulok legfrissebb verzióit használja, és minimalizálja a használatot a legszükségesebbekre. Hasonlóképpen fontolja meg egyéni témák használatát, mivel az előre elkészített webhelytémákban gyakran sok szükségtelen kód található.

Fontolja meg a tartalomelosztó hálózatot (CDN)

A CDN-ek elosztott webszerverek, amelyek az Ön webhelyének másolatait különböző földrajzi helyeken tárolják, és a bejáró helye alapján szállítják a webhelyet. Mivel az információ kevesebb távolságra jut el a szerverek között, a webhely gyorsabban töltődik be a kérelmező számára.

Weboldal technikai optimalizálás Ez a folyamat meglehetősen időigényes és speciális ismereteket igényel. De az általánosan elfogadott ajánlások és utasítások alapján még az is beállíthatja az oldalt, aki tegnap töltötte fel először a motort a tárhelyre.

Köszönjük, hogy elolvasta Nicola Topot

Mennyire hasznos a poszt?

Kattintson a smiley-ra az értékeléshez!

átlagos értékelés 4.9 / 5. Értékelések száma: 14

Még nincsenek értékelések. Értékelje először.

Читайте также:

Добавить комментарий

Az e-mail címet nem tesszük közzé. Обязательные поля помечены *

2 × kettő =