HTML kodlarını <html> ile </html> etiketleri arasına yazabilirsiniz. Yazmış olduğunuz kodları doğru etiketler arasına yerleştirmeniz gerekir. Aksi halinde kodunuz çalışmayacak yada web sayfanızın düzenini bozacaktır.
HTML Kodlarının Doğru Şekilde Yazılması
HTML kod yapısının hatasız olması web sayfanızın hızını, arama motorlarındaki sıralamasını ve sayfa akışını etkiler. Bu nedenle doğru şekilde yazılması bir web tasarım hizmeti için oldukça önemlidir.
Sık Yapılan HTML Hataları
- Etiketlerin kapatılmaması (Genellikle unutulur)
- Sayfa DOM yapısının gereksiz uzatılması
- Kapatılmaması gereken etiketlerin kapatılması
- Responsive ayar hataları
WordPress’te HTML Kodları Nereye Yazılır?
Dünyanın en çok kullanılan web tasarım platformu WordPress’te HTML kodlarını kullanabilirsiniz. HTML kodunu nereye yazacağınız amacınıza göre değişiklik gösterir. Bunu iki örnekle açıklayacak olursak;
1. Head etiketine yerleştirilmesi gereken HTML kodlar
Google Search Console, Google Analytics ve Facebook Pixel gibi kod dizileri web sayfalarınızın <head> bölümüne yazılmalıdır. WordPress platformu kullanıyorsanız bu bölüme yazacağınız HTML kodları tüm sayfalarınız için etkili olacaktır.
Peki bunu WordPress’te nasıl buluyoruz?
a. WordPress’te Head Bölümü Nerede?
Head bölümünün tüm sayfalarınız için etkili olacağını unutmayarak bu kodu eklemelisiniz. Head bölümüne HTML kod yerleştirmek için şu aşamaları izleyin;
- WordPress Panelinize Girin
- Görünüm Sekmesini Seçin
- Tema Düzenleyici Sekmesini Seçin
- Sağda Açılan Dosyalar Bölümünden header.php isimli dosyayı bulun ve seçin
- Dosya ekranınızda açılacaktır, dosya içerisinde bulunan <head> etiketleri arasına herhangi bir satıra HTML kodunu yapıştırabilirsiniz.
2. Sayfa içerisine yerleştirilmesi gereken HTML kodlar
WordPress’te head bölümü ile oynamadan tek bir sayfaya HTML kod yazmak için bu kılavuzu kullanabilirsiniz.
Bu kodları ekledikten sonra “Güncelle” butonuna tıklamanız gerektiğini unutmayın.
Aşama aşama bunu anlatacak olursak;