By meoman
  • ANA SAYFA
  • HAKKIMDA
  • HiZMETLER / BLOG
    • WORDPRESS
      • En İyi WordPress Arama Motorları
      • Cache Eklentisi Nedir ve Nasıl Çalışır? Popüler
      • En İyi & Hızlı 5 Blog Teması WordPress 2021
      • En İyi & Hızlı 5 Haber Teması WordPress 2021
      • En İyi 5 Tek Sayfa (One Page) WordPress Teması
      • En İyi İş İlanı Temaları
      • En İyi WordPress Danışmanlık Temaları
      • En İyi PHP Framework’leri 2021
      • En İyi Ücretli WordPress Canlı Arama Eklentileri
      • En İyi WordPress Temaları
      • En İyi WordPress Yedekleme Eklentileri
      • PageSpeed ​​Insights Puanı Nasıl İyileştirilir?
      • ShortPixel Nasıl Kullanılır?
      • Siteyi WordPress.com’dan WordPress.org’a Taşımak
      • Tema Değiştirmeden Önce Yapılması Gerekenler
      • Tema Değiştirdikten Sonra Yapılması Gerekenler
      • Veritabanı Bağlantısı Kurulurken Hata Oluştu Hatasının Çözümü
      • WordPress & WooCommerce Virüs Temizliği
      • WordPress Admin Panel Güvenlik Önlemi
      • WordPress Alışveriş Sitesi Kurmak
      • WordPress Bakım Modu Kurulumu, Açma ve Kapatma
      • WordPress Blog Yazılarında SEO Adımları
      • WordPress Bu Site İçin Tanımlı En Fazla Dosya Boyutunu Geçiyor Çözümü
    • WOOCOMMERCE
      • En İyi WooCommerce Arama Eklentileri
      • WooCommerce Ajax Cart Fragments Devre Dışı Bırakma
      • WooCommerce E-Ticaret Danışmanlığı
      • WooCommerce İçin En Gerekli ve Önemli İşlemler
      • WooCommerce İçin En Hızlı 10 Tema 2021 (Themeforest) Popüler
      • WooCommerce İçin En İyi 5 Önbellek Eklentisi
      • WooCommerce İçin Tema Seçiminde Destek Almak
      • WooCommerce ile İştirak (Affiliate) Programı Oluşturmak
      • WooCommerce Kargo Ücreti Ayarları
      • WooCommerce Kurulumu
      • WooCommerce Mesafeli Satış Sözleşmesi Kurulum Ayarları
      • WooCommerce Nasıl Kurulur?
      • WooCommerce Robots.txt Ayarları
      • WooCommerce Sayfaları Geç Açılıyor Nedeni Nedir?
      • WooCommerce Ücretli mi ve Hangi Eklentiler Ücretsiz?
      • WooCommerce Ürün Filtreleme Eklentisi Ücretli (En İyi ve Hızlı)
      • WooCommerce Varyasyonlu Ürün Ekleme
      • WooCommerce Vergi (KDV) Ayarları
      • WooCommerce WordPress e-Ticaret Teması
      • WooCommerce Yavaş Çalışıyorsa Yapılması Gerekenler
      • WordPress Panel Yavaş Açılıyor Sorunu & Çözümleri
      • WooCommerce’da Resim Optimizasyonu Nasıl Yapılır?
    • SEO
      • Google’da Üst Sıralara Çıkma Uzmanı
      • Arama Motorlarında Yükselme Çalışmaları Fiyatları
      • SEO’da Anahtar Kelime Nedir?
      • Aylık SEO Çalışması Fiyatları
      • Freelance Web Tasarım Uzmanı
      • Google Aramalarında Üst Sıralarda Çıkmak İçin Neler Yapabilirsiniz?
      • Backlink Nedir ve Hala Önemli mi?
      • Freelance WordPress Uzmanı
      • H1 ve H2 SEO Nedir ve Nasıl Ayarlanır? Popüler
      • WordPress Image Optimizer – WebP Convert Kurulumu
      • Linkwheel Backlink Nedir ve Nasıl Yapılır?
      • WordPress İçin Google Font Optimizasyonu Nasıl Yapılır?
      • WordPress İçin Yeni LiteSpeed WebP Convert Ayarları – 2021
      • WordPress Optimizasyonu ile %100 GTmetrix’e Ulaşmak
      • WordPress SEO Destek
      • WordPress SEO Nasıl Yapılır? İpuçları
      • WordPress SEO Teknikleri
      • WordPress SEO Ücretli Destek
      • WordPress SEO Uzmanı Danışmanlık Hizmeti
      • WordPress Site Hızı Artırma
      • İstanbul’da SEO Hizmeti YENİ
    • WEBMASTER
      • SEO Nedir, Ne İşe Yarar ve Nasıl Kullanılır? Popüler
      • SEO’nun Açıklaması Nedir? Basit Bilgiler
      • SEO Meta Açıklaması Nasıl Kullanılır ve Neden Önemlidir?
      • WordPress Site Hızlandırma Teknikleri
      • WordPress Site Sağlığı
      • WordPress Site Taşıma Desteği
      • WordPress Slider Kurulumu ve Profesyonel Görünüm
      • 301 Yönlendirmesi Nasıl Yapılır, Nerede Yapılır?
      • Canonical SEO Çalışması Nasıl Yapılmalıdır?
      • En İyi Backlink Programı
      • Google Index Sorunu: Sayfalarım Google’da Çıkmıyor
      • Google Webmaster Search Console Hatalarının Çözümleri
      • hCaptcha Nedir ve Google reCaptcha ile Karşılaştırması
      • HTTP Error 500 WordPress Hatası, Çözümü ve Yardımı
      • No Follow Link Nedir, Nerede Kullanılır?
      • Nasıl Google’da Daha Hızlı Sıralanılır?
      • Siteyi Google Search Console’a Eklemek
      • Ücretli Web Site Virüs Temizliği Hizmeti
      • W3 Total Cache Güvenli midir? Veritabanı Cache Mantıklı mı?
      • Warez Nulled WordPress Theme Nedir? Önerilir mi?
      • WebMaster Hataları Nedir, Nasıl Düzeltilir?
    • Daha Fazla ++
      • Facebook Mağaza WooCommerce Entegrasyonu
      • Facebook Mağazasında Ürün Reklamları Görüntülemek
      • Google Merchant Center WooCommerce Entegrasyonu
      • Pazarlama: Sosyal Medya mı E-posta mı Kullanmalı?
      • Sponsorlu Bağlantılar Nedir, Nasıl Yapılır? Popüler
      • WooCommerce’a AdWords Kurulumu
      • AMP Kurulumu ve Düzenleme
      • En İyi WordPress Danışmanlık Temaları
      • En İyi & Hızlı 5 Blog Teması WordPress 2021
      • En iyi WordPress Eklentileri Nelerdir?
      • WP Rocket with a CDN RocketCDN – Hızlı ve Basit CDN Hizmeti
      • Google Hız Testi Sorunları ve Çözümler
      • En iyi Seo Eklentileri ve WordPress Temaları 2021
      • Google Benim İşletmem Ücretli Mi Nereden Kayıt Yapılır?
      • Google’ın Link İnşaası (Link Building) Tavsiyelerini Dinlemeyi Bırakın YENİ
      • WordPress SEO için Site Hızlandırma YENİ
  • DANIŞMANLIK
  • BANA ULAŞIN
  • Menu Menu

WordPress İçin Google Font Optimizasyonu Nasıl Yapılır?

Wordpress
WordPress İçin Google Font Optimizasyonu Nasıl Yapılır

İçerik Kısayolları

  • WordPress İçin Google Font Optimizasyonu Nasıl Yapılır?
    • Ardından Fontları CSS Kodunuza Ekleyin
  • Google Yazı Tiplerini Kendi CDN’nizde Barındırın

WordPress İçin Google Font Optimizasyonu Nasıl Yapılır?

İşleme Google fontlarını yerel olarak barındırarak başlayabilirsiniz.  Bu yöntem sadece eğer hosting servisiniz hızlıysa iyidir.

Google-webfonts-helper adlı ücretsiz bir araç kullanacağız. Bu araç Google yazı tiplerini yerel olarak daha kolay indirmenize olanak tanır ve size tüm CSS’leri verir. Aşağıda bir örneği verilmiştir. İndirdiğiniz yazı tiplerini web sunucunuza yüklemeniz gerekiyor. Bunları örnekte “fonts” adlı bir klasöre koyduk.

WordPress İçin Google Font Optimizasyonu Nasıl Yapılır

Ardından Fontları CSS Kodunuza Ekleyin

/* lato-700 - latin_latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('https://OurCDN.com/fonts/lato-v15-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://OurCDN.com/fonts/lato-v15-latin_latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin_latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('https://OurCDN.com/fonts/lato-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://OurCDN.com/fonts/lato-v15-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

Google Yazı Tiplerini Kendi CDN’nizde Barındırın

Halihazırda sitenizdeki tüm öğeleri (resimler, CSS, Javascript vb.) barındırmak üçüncü taraf bir CDN sağlayıcısı kullanıyorsanız (KeyCDN gibi) Google’ın yazı tiplerini de bu CDN’de barındırabilirsiniz.

Ücretsiz CDN Enabler WordPress eklentisini kullanıyoruz. Bu eklenti web sunucudaki fonts klasöründeki fontları otomatik olarak KeyCDN gibi bir CDN servisine kopyalar. Daha sonra yazı tipine giden yolu CDN’yi (cdn.alanadi.com gibi) gösterecek şekilde kodu değiştirmeniz gerekiyor.

Bir CDN hizmeti kullanmak yine biraz daha hız sağlar. Pek değil ancak Google’ın CDN testiyle karşılaştırırsanız kesinlikle daha hızlıdır. Bu yöntemin bir diğer avantajı küresel trafiğinizin de hızlanacak olmasıdır.

WordPress WhatsApp ve Telefon Eklentisi
2 Haziran 2020/3 Yorum yapılmış/tarafından meoman
Etiketler: WordPress İçin Google Font Optimizasyonu Nasıl Yapılır?
Bu gönderiyi paylaş
  • Share on Facebook
  • Share on Twitter
  • Share on WhatsApp
  • Share on Pinterest
3 Görüşler & Öneriler & Sorular
  1. F. U.
    F. U. says:
    5 Kasım 2020 de 14:00

    Hocam sitemizde yaptığınız wordpress link yapısı değiştirme işe yaramış görünüyor. Site trafiğinde belirgin bir artış oldu, seo açısından linklerin yapısının ne kadar önemli olduğunu anlamış oldum. Url yapısı düzgün olmayan site sahiplerine de buradan duyurulur, en kısa sürede linklerinizi düzeltin.

    Cevapla
  2. S. D.
    S. D. says:
    20 Kasım 2020 de 15:08

    WordPress’te eklentiler çok işe yarıyor, her ihtiyaca yönelik eklenti yapmışlar. WordPress en iyi eklentiler 2018 den günümüze liste şeklinde bulabileceğimiz bir yer var mı?

    Cevapla
    • meoman
      meoman says:
      20 Kasım 2020 de 17:57

      Merhaba; Buraya tıklayarak iletişim bilgilerinizi iletebilirsiniz, bu konuda sizleri bilgilendirmeye yardımcı olmaya çalışabilirim.

      Cevapla

Merak ettiklerinizi sorun

Tartışmaya katılmak ister misiniz?
Katkıda bulunmaktan çekinmeyin!

Bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Wordpress & Woocommerce için Ücretsiz Destek Alın

%10 İndirimli Ekran Değişimi Hizmeti

%10 İndirimli Ekran Değişimi Hizmeti
Bu yazıyı okuyan siz değerli takipçilerimize özel olarak hazırlanan %10 indirim kuponu fırsatını mutlaka değerlendirin.

Kategoriler

  • Ads (5)
  • AMP (2)
  • Bilgisayar (1)
  • Ekran Değişimi (1)
  • Google (7)
  • İstanbul (3)
  • KeyCDN (2)
  • LiteSpeed (5)
  • Mobile (1)
  • Ref (4)
  • SEO (23)
  • Webmaster (30)
  • Woocommerce (33)
  • Wordpress (117)
  • WP Fastest (2)
  • WP Rocket (5)

Sponsored

istanbul'un en iyi osgb firması

Önerilen Bağlantılar

  • Google’da Üst Sıralara Çıkma
  • Site Hızlandırma WordPress
  • Google da ilk Sırada Çıkmak
©By meoman | Wordpress Freelancer | Woocommerce Freelancer | internet Seo Uzmanı | Google Üst Sıralarda Çıkmak | Aylık Seo Çalışması | E Ticaret Danışmanlığı | Bionluk meoman
  • Twitter
WooCommerce İçin Tema Seçiminde Destek Almak WooCommerce İçin Tema Seçiminde Destek Almak LiteSpeed İçin En İyi Ayarlar Nasıl Olmalı? 2020 LiteSpeed İçin En İyi Ayarlar Nasıl Olmalı? 2021
Sayfanın başına dön