Mövzular
Preload nədir və necə istifadə olunur?
Veb saytların performansı və SEO baxımından optimallaşdırılması artıq sadəcə açar sözlər və kontent deyil, texniki detallarla da bağlıdır. Bu texniki detalardan biri də preload texnologiyasıdır. Bu bloqda öyrənəcəyik:
Preload nədir?
Nə üçün istifadə olunur?
SEO-ya təsiri varmı?
WordPress saytında preload necə əlavə olunur?
Preload nədir?
<link rel="preload"> HTML tagı brauzerə siqnal verir ki, bu resurs tezliklə istifadə olunacaq və indidən yüklənsin. Bu resurs bir şəkil, font, video, ya da script ola bilər.
Preload hansı hallarda faydalıdır?
Hero image: Ana səhifənin yuxarısındakı başlıq şəkli
Fontlar: Google Fonts kimi xarici fontlar
Əsas JS/CSS faylları: Renderi bloklayan stil və script faylları
Preload SEO-ya necə təsir edir?
Preload öz-özünə SEO faktoru deyil. Amma:
Saytın yüklənmə vaxtını azaldır (sürət artır)
Google PageSpeed və Core Web Vitals göstəricilərini yüksəldir
Bu da dolayı yolla SEO performansını yüksəldir
WordPress-də Preload necə əlavə olunur?
1. SEO Plugin (Rank Math, Yoast, WPCode) üzərindən
Admin panelə daxil olun
Plugin üzərində “Custom Header Scripts” bolməsini tapın
Aşağıdakı kodu oraya əlavə edin:
<link rel="preload" as="image" href="https://sizin-sayt.com/wp-content/uploads/2025/07/hero-image.webp" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
2. header.php faylı ilə (texniki biliklər varsa)
<head>
...
<link rel="preload" as="image" href="https://sizin-sayt.com/wp-content/uploads/2025/07/hero-image.webp" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
</head>
Diqqət: Mümkün olduqca child theme istifadə edin ki, tema yenilənməsində bu dəyişiklik silinməsin.
Hansı resurslara preload tətbiq etmək lazımdır?
| Resurs Tipi | Preload Etməyə Dəyər? |
|---|---|
| Hero Image | ✅ Bəli |
| Google Fonts | ✅ Bəli |
| Logo (ilk görünən) | ✅ Bəli |
| Footer şəkilləri | ❌ Xeyr |
| Lazy-load content | ❌ Xeyr |