{"id":5373,"date":"2021-06-07T02:50:44","date_gmt":"2021-06-06T23:50:44","guid":{"rendered":"https:\/\/diji360.com\/?p=5373"},"modified":"2021-11-14T18:38:08","modified_gmt":"2021-11-14T15:38:08","slug":"wordpresste-webp-gorselleri-nasil-kullanilir-detayli-rehber","status":"publish","type":"post","link":"https:\/\/diji360.com\/wordpresste-webp-gorselleri-nasil-kullanilir-detayli-rehber\/","title":{"rendered":"WordPress&#8217;te Webp G\u00f6rselleri Nas\u0131l Kullan\u0131l\u0131r? Detayl\u0131 Rehber"},"content":{"rendered":"<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1623024911439\" class=\"rank-math-list-item\">\n<h2 class=\"rank-math-question \">WebP Nedir?<\/h2>\n<div class=\"rank-math-answer \">\n\n<p><strong>WebP<\/strong>, daha iyi s\u0131k\u0131\u015ft\u0131rmaya ve daha k\u00fc\u00e7\u00fck dosya boyutlar\u0131na sahip yeni nesil a\u00e7\u0131k kaynak kodlu bir g\u00f6r\u00fcnt\u00fc format\u0131d\u0131r. Webp nedir dedi\u011fimiz de k\u0131saca<strong> Jpeg<\/strong>, <strong>PNG<\/strong> gibi eski g\u00f6r\u00fcnt\u00fc formatlar\u0131na g\u00f6re \u00e7ok daha iyi s\u0131k\u0131\u015ft\u0131rma sunan yeni nesil bir g\u00f6r\u00fcnt\u00fc format\u0131d\u0131r. \u00d6rne\u011fin Jpeg de arka plan\u0131 olmayan transparan foto\u011fraflar desteklenmiyor. PNG\u2019de transparan foto\u011fraflar elde edebiliyoruz ancak boyut y\u00fcksek oluyor. WebP burada hem boyut hem de format sorununu \u00e7\u00f6z\u00fcyor.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><strong>WebP<\/strong> g\u00f6rsel format\u0131, resim dosyalar\u0131n\u0131z\u0131n boyutlar\u0131n\u0131n daha k\u00fc\u00e7\u00fck olmas\u0131n\u0131 ve web sitesinizin <strong>daha h\u0131zl\u0131 y\u00fcklenmesini<\/strong> sa\u011flar. E\u011fer daha h\u0131zl\u0131 bir<strong> WordPress<\/strong> web sitesi istiyorsan\u0131z kesinlikle WebP\u2019ye g\u00f6z at\u0131n derim. Hepimiz web sitelerimiz daha h\u0131zl\u0131 olsun, <strong>SEO<\/strong> performans\u0131m\u0131z iyile\u015fsin ve <strong>Google<\/strong> ba\u015fta olmak \u00fczere arama motorlar\u0131n\u0131 mutlu edelim istiyoruz. &nbsp;Bunun bir yolu da web sitemizdeki foto\u011fraflar\u0131 optimize etmekten ge\u00e7iyor.<\/p>\n\n\n\n<p>WordPress <strong>WebP <\/strong>kullan\u0131m\u0131 i\u00e7in bu k\u0131lavuzu haz\u0131rlad\u0131m. WebP \u2018yi hem eklentili hem de eklentisiz nas\u0131l kullan\u0131r\u0131z ele ald\u0131m. Tercih etti\u011finiz \u00e7\u00f6z\u00fcm\u00fc kullanabilirsiniz.<\/p>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1623024941546\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">WebP Ne Zaman \u00c7\u0131kt\u0131<\/h3>\n<div class=\"rank-math-answer \">\n\n<p><strong>WebP <\/strong>ilk olarak 2010 y\u0131l\u0131nda <strong><a href=\"https:\/\/diji360.com\/google-reklamlari-nedir\/\">Google<\/a><\/strong> taraf\u0131ndan olu\u015fturuldu. Nisan 2018\u2019de 1.0 s\u00fcr\u00fcm\u00fc duyuruldu. Eyl\u00fcl 2020\u2019de Safari, macOS ve iOS taraf\u0131ndan desteklendi. Geli\u015ftirmeler ard\u0131ndan pop\u00fcleri artan WebP, May\u0131s 2021 itibari ile d\u00fcnya \u00e7ap\u0131nda kullan\u0131lan taray\u0131c\u0131lar\u0131n %94\u2019\u00fc taraf\u0131nda destekleniyor. Tarih\u00e7e ve teknoloji ile ilgili daha fazla bilgi i\u00e7in<a href=\"https:\/\/en.wikipedia.org\/wiki\/WebP\" rel=\"nofollow noopener\" target=\"_blank\"> wikipedia<\/a> sayfas\u0131na bakabilirsiniz.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p>K\u0131saca <strong>WebP<\/strong>; <strong>GIF<\/strong>, Jpeg ve PNG formatlar\u0131n\u0131n tek bir \u00e7at\u0131da toplanm\u0131\u015f hali. En b\u00fcy\u00fck fark\u0131 ise t\u00fcm bu formatlar\u0131n \u00f6zelliklerini <strong>daha k\u00fc\u00e7\u00fck boyutlarda optimize<\/strong> edilmi\u015f \u015fekilde sunuyor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WebP Format\u0131n\u0131 Neden Kullanmal\u0131s\u0131n\u0131z?<\/h2>\n\n\n\n<p>En b\u00fcy\u00fck etken kesinlikle daha k\u00fc\u00e7\u00fck boyutlarda foto\u011fraflar sunmas\u0131. \u015eunu sorabilirsiniz; <em>\u201cBenim disk alan\u0131ndan yan\u0131na bir sorunum yok o zaman kullanmal\u0131 m\u0131y\u0131m? \u201d<\/em> Daha h\u0131zl\u0131 bir <strong>web sitesi<\/strong> istiyorsan\u0131z evet kullanmal\u0131s\u0131n\u0131z. <strong>&nbsp;WebP g\u00f6r\u00fcnt\u00fcleri<\/strong>ni kullanmak web sitenizin<strong> daha h\u0131zl\u0131<\/strong> y\u00fcklenmesine yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n\n\n\n<p><strong>WordPress<\/strong> web sitenizi h\u0131zland\u0131rmak istiyorsan\u0131z WebP\u2019ye ge\u00e7mek k\u00fc\u00e7\u00fck ve kolay bir ad\u0131md\u0131r. Uzun vadede bu k\u00fc\u00e7\u00fck ad\u0131m <strong>SEO <\/strong>ve kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck geri d\u00f6n\u00fc\u015fler sa\u011flayabilir.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">PNG ve WebP kar\u015f\u0131la\u015ft\u0131rmas\u0131<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/diji360.com\/file\/2021\/06\/PNG-ve-WebP-karsilastirmasi.jpg\" alt=\"SEO dijital pazarlama\" class=\"\" title=\"\"><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">JPG ve WebP kar\u015f\u0131la\u015ft\u0131rmas\u0131<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/diji360.com\/file\/2021\/06\/Webp-vs-jpg-karsilastirmasi.jpg\" alt=\"SEO dijital pazarlama\" class=\"\" title=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress i\u00e7in foto\u011fraflar WebP format\u0131na nas\u0131l d\u00f6n\u00fc\u015ft\u00fcr\u00fcl\u00fcr?<\/h2>\n\n\n\n<p><strong>WebP<\/strong> format\u0131na ge\u00e7i\u015f i\u00e7in s\u00fcreci daha kolay hale getirebilecek <strong>\u00fccretsiz ve \u00fccretli eklentiler<\/strong> var.<strong> WebP d\u00f6n\u00fc\u015ft\u00fcrme<\/strong> i\u015flemini eklentili ve eklentisiz nas\u0131l yapaca\u011f\u0131m\u0131za bakal\u0131m.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u015euanda hangi g\u00f6r\u00fcnt\u00fc format\u0131n\u0131 kullan\u0131yorsunuz kontrol edin.<\/h3>\n\n\n\n<p>&nbsp;Bu i\u015flemi 2 \u015fekilde yapabilirsiniz:<\/p>\n\n\n\n<p>&nbsp;Web sitenizi bir Chrome, Mozilla vb. bir taray\u0131c\u0131 \u00fczerinden ziyaret edin. \u0130stedi\u011finiz bir foto\u011fraf\u0131n \u00fczerine fareyle sa\u011f t\u0131klay\u0131n <em>\u201cResmi Yeni Sekmede A\u00e7\u201d<\/em> se\u00e7ene\u011fine t\u0131klay\u0131n. Adres \u00e7ubu\u011funun en sonundan nokta i\u015faretinden sonraki isme bak\u0131n. <em>\u201c.png\u201d , \u201c.jpg\u201d<\/em> veya ba\u015fka bir dosya olup olmad\u0131\u011f\u0131n\u0131 g\u00f6receksiniz.<\/p>\n\n\n\n<p>Di\u011fer bir y\u00f6ntem ise <em>Admin paneli &gt; Ortam K\u00fct\u00fcphanes<\/em>i \u2018ne gidip herhangi bir resmin \u00fczerine t\u0131klay\u0131n sa\u011fda listenen bilgilerde \u201c<em>dosya t\u00fcr\u00fcn\u00fc<\/em>\u201d g\u00f6receksiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Worpdress\u2019te Eklenti Yard\u0131m\u0131 ile WebP \u2018ye ge\u00e7i\u015f.<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Shortpixel eklentisi nas\u0131l y\u00fcklenir ve aktifle\u015ftirilir\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/mgFe9KGzIWY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>WordPress\u2019te resimlerinizi <strong>WebP format\u0131na <\/strong>d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in <a href=\"https:\/\/tr.wordpress.org\/plugins\/shortpixel-image-optimiser\/\" rel=\"nofollow noopener\" target=\"_blank\">ShortPixel <\/a>eklentisini tavsiye ederim.<\/p>\n\n\n\n<p>Neden <strong>ShortPixel<\/strong> Kullan\u0131yoruz?:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Her duruma kar\u015f\u0131 eski g\u00f6rsellerin yedeklerini tutar. Gerekirse geri d\u00f6n\u00fc\u015f yapabilirsiniz.<\/li><li>Yeni y\u00fcklenen g\u00f6r\u00fcnt\u00fcler otomatik olarak arka planda <strong>Webp<\/strong>\u2019ye d\u00f6n\u00fc\u015ft\u00fcr\u00fcl\u00fcr.<\/li><li>Eski g\u00f6r\u00fcnt\u00fcleriniz otomatik olarak WebP format\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fcl\u00fcr.<\/li><li>Ayr\u0131ca resimlerinizi d\u00f6n\u00fc\u015ft\u00fcr\u00fcrken boyutlar\u0131n\u0131 <strong>optimize<\/strong> eder.<\/li><li><strong>WebP d\u00f6n\u00fc\u015ft\u00fcrme<\/strong> \u00fccretsizdir.<\/li><\/ul>\n\n\n\n<p><strong>ShortPixel eklentisi<\/strong> ayda 100 g\u00f6r\u00fcnt\u00fcye kadar \u00fccretsizdir. B\u00fcy\u00fck bir kitapl\u0131\u011f\u0131n\u0131z varsa veya \u00e7ok fazla i\u00e7erik y\u00fckl\u00fcyorsan\u0131z ekstra kredi alabilirsiniz.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/diji360.com\/file\/2021\/06\/websiteoptimizer.webp\" alt=\"SEO dijital pazarlama\" class=\"\" title=\"\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">ShortPixel Nas\u0131l Kullan\u0131l\u0131r?<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>ShortPixel eklentisini y\u00fckledikten sonra bir hesap olu\u015fturman\u0131z gerekiyor. Hesab\u0131n\u0131z\u0131 olu\u015fturun ve API anahtar\u0131n\u0131z\u0131 kopyalay\u0131n.<\/li><li><em>Ayarlar &gt; ShortPixel &gt; Dashboard &gt; Advanced<\/em> ekran\u0131na gidin \u201c<em>Also create WebP versions of the images, for free<\/em>\u201d se\u00e7ene\u011fini i\u015faretleyin. Bu \u00fccretsiz olarak foto\u011fraflar\u0131n\u0131z <strong>WebP format\u0131na <\/strong>\u00e7evirecek.<\/li><li>\u201c<em>Deliver the WebP version of the images in the front-end<\/em>\u201d se\u00e7ene\u011fini i\u015faretleyin.<\/li><\/ul>\n\n\n\n<p>Halen daha t\u00fcm taray\u0131c\u0131lar <strong>WebP <\/strong>desteklemedi\u011fi i\u00e7in <strong>ShortPixel<\/strong> bu taray\u0131c\u0131larda<strong> JPEG<\/strong> ve <strong>PNG<\/strong> format\u0131ndaki g\u00f6rsellerinizi g\u00f6sterir. Bu a\u00e7\u0131dan olduk\u00e7a kullan\u0131\u015fl\u0131 bir eklentidir.<\/p>\n\n\n\n<p><strong>ShortPixel<\/strong> kullanmak istemiyorsan\u0131z a\u015fa\u011f\u0131daki alternatif iki eklentiye bakabilirsiniz:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/tr.wordpress.org\/plugins\/webp-express\/\" rel=\"nofollow noopener\" target=\"_blank\">WebP Express<\/a> eklentisi (\u00fccretsiz)<\/li><li><a href=\"https:\/\/wordpress.org\/plugins\/webp-converter-for-media\/\" rel=\"nofollow noopener\" target=\"_blank\">WebP Converter for Media<\/a> eklentisi (\u00fccretsiz)<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">3.CloudFlare ile WebP D\u00f6n\u00fc\u015f\u00fcm\u00fc<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/diji360.com\/file\/2021\/06\/cloudflare-webp-aktiflestirme.webp\" alt=\"SEO dijital pazarlama\" class=\"\" title=\"\"><\/figure>\n\n\n\n<p>Global bir <strong>CDN<\/strong> (i\u00e7erik da\u011f\u0131t\u0131m a\u011f\u0131) olan<strong> CloudFlare <\/strong>kullan\u0131yorsan\u0131z , Pro veya daha y\u00fcksek bir hesap kullan\u0131yorsan\u0131z (\u00fccretli) WebP format\u0131nda g\u00f6r\u00fcnt\u00fcleri sunmak i\u00e7in basit bir se\u00e7ene\u011fi i\u015faretleyebilirsiniz . WebP ayar\u0131n\u0131 <em>Speed &gt; Optimization &gt; Polish<\/em> alt\u0131nda bulabilirsiniz .<\/p>\n\n\n\n<p>\u015eu anda <strong><a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" class=\"rank-math-link\">CloudFlare<\/a><\/strong> kullanm\u0131yorsan\u0131z, d\u00fc\u015f\u00fcnmenizi tavsiye ederim. Temel \u00f6zellikleri \u00fccretsiz kullanabiliyorsunuz. Farkl\u0131 k\u00fcresel konumlardan hizmet vererek web siteniz varsa h\u0131zland\u0131rmaya yard\u0131mc\u0131 olur. Ayn\u0131 zamanda <strong>hosting<\/strong> sunucunuza gelen y\u00fck\u00fc de azalt\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4.CDN Arac\u0131l\u0131\u011f\u0131 ile WebP Kullan\u0131m\u0131<\/h2>\n\n\n\n<p>Bir\u00e7ok <strong>CDN <\/strong>hizmeti sunan firma WebP format\u0131n\u0131 destekliyor. <strong>WebP format\u0131<\/strong>n\u0131 destekleyen CDN sa\u011flay\u0131c\u0131lar\u0131:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>KeyCDN<\/li><li>StackPath<\/li><li>Fastly<\/li><li>Amazon CloudFront<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">5.Eklenti Olmadan WordPress\u2019te WebP Kullan\u0131m\u0131<\/h2>\n\n\n\n<p><strong>Eklenti <\/strong>olmadan WebP dosyalar\u0131n\u0131z\u0131 <strong>WordPress<\/strong> web sitenizde kullanabilirsiniz. Temelde iki i\u015flem yapaca\u011f\u0131z: <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>WebP y\u00fckleyebilmek i\u00e7in tema fonksiyon dosyam\u0131za bir kod ekleyece\u011fiz. <\/li><\/ol>\n\n\n\n<p>2. Daha sonras\u0131nda online bir d\u00f6n\u00fc\u015ft\u00fcr\u00fcc\u00fc ile g\u00f6rsellerimizi WebP yapaca\u011f\u0131z. <\/p>\n\n\n\n<p>Yeni bir <strong>web sitesi<\/strong> kuracaksan\u0131z ya da k\u00fct\u00fcphanenizde \u00e7ok fazla g\u00f6rsel yoksa size de bu y\u00f6ntemi \u00f6neririm. Gelelim nas\u0131l yap\u0131ld\u0131\u011f\u0131na:<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/diji360.com\/wordpress-hizmeti\/\" target=\"_blank\" data-type=\"page\" data-id=\"5713\" rel=\"noreferrer noopener\" class=\"rank-math-link\">WordPress<\/a><\/strong> \u015fuanda do\u011frudan WebP g\u00f6r\u00fcnt\u00fclerini k\u00fct\u00fcphaneye y\u00fcklemeye izin vermiyor. Direk WebP dosyas\u0131 y\u00fcklemeye \u00e7al\u0131\u015f\u0131rsan\u0131z a\u015fa\u011f\u0131daki hatay\u0131 al\u0131rs\u0131n\u0131z:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>\u201cresim-adi.webp<\/em>\u201d y\u00fcklemesi ba\u015far\u0131s\u0131z.<\/p><p><em>\u00dczg\u00fcn\u00fcm, g\u00fcvenlik nedenleriyle bu dosya tipine izin verilmiyor.<\/em><\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/diji360.com\/file\/2021\/06\/webp-hatasi.webp\" alt=\"SEO dijital pazarlama\" class=\"\" title=\"\"><\/figure>\n\n\n\n<p>Merak etmeyin basit bir \u00e7\u00f6z\u00fcm\u00fc var.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Webp Y\u00fcklemesi Ba\u015far\u0131s\u0131z Hatas\u0131n\u0131n \u00c7\u00f6z\u00fcm\u00fc:<\/h3>\n\n\n\n<p>\u00d6ncelikle bu i\u015flemi yapmadan \u00f6nce her ihtimale web sitenizi yede\u011fini alman\u0131z\u0131 \u00f6neririm. A\u015fa\u011f\u0131da verdi\u011fim kodu teman\u0131z\u0131n fonksiyon dosyas\u0131n\u0131n en alt\u0131na yap\u0131\u015ft\u0131r\u0131n.<\/p>\n\n\n\n<p>Burada da 2 y\u00f6ntem ile teman\u0131z\u0131n fonksiyon dosyas\u0131n\u0131 <strong>(functions.php)<\/strong> dosyas\u0131na eri\u015febilirsiniz:<\/p>\n\n\n\n<p><strong>FTP program\u0131<\/strong> ya da kulland\u0131\u011f\u0131n\u0131z bar\u0131nd\u0131rma hizmetinin dosya y\u00f6neticisini kullanarak <em>wp-conten\/themes\/tema-adi\/functions.php<\/em> dosyas\u0131n\u0131 a\u00e7\u0131p yapabilirsiniz.<\/p>\n\n\n\n<p>WordPress panelinizden <em>G\u00f6r\u00fcn\u00fcm &gt; Tema D\u00fczenleyici<\/em> men\u00fcs\u00fcnden <strong>funcstions.php<\/strong> dosyas\u0131n\u0131 se\u00e7ebilirsiniz.<\/p>\n\n\n\n<p>Dosyalara eri\u015ftikten sonra dosyan\u0131n sonuna <em><strong>?&gt;<\/strong> <\/em>sat\u0131r\u0131ndan \u00f6nce olacak \u015fekilde kodu yap\u0131\u015ft\u0131r\u0131n ve kaydedin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/diji360.com\/file\/2021\/06\/webp-functions-php-dosyasini-duzenleme.webp\" alt=\"SEO dijital pazarlama\" class=\"\" title=\"\"><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/** *diji360 webp gorselleri yuklemek icin gereken kodlar.*\/\n\nfunction webp_upload_mimes($existing_mimes) {\n\n    $existing_mimes&#91;'webp'] = 'image\/webp';\n\n    return $existing_mimes;\n\n}\n\nadd_filter('mime_types', 'webp_upload_mimes');\n\n\/\/** * webp gorselleri kutuphaneden gorebilmek icin gereken kodlar.*\/\n\nfunction webp_is_displayable($result, $path) {\n\n    if ($result === false) {\n\n        $displayable_image_types = array( IMAGETYPE_WEBP );\n\n        $info = @getimagesize( $path );\n\n        if (empty($info)) {\n\n            $result = false;\n\n        } elseif (!in_array($info&#91;2], $displayable_image_types)) {\n\n            $result = false;\n\n        } else {\n\n            $result = true;\n\n        }\n\n    }\n\n    return $result;\n\n}\n\nadd_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);<\/code><\/pre>\n\n\n\n<p>Geldik son ad\u0131ma dosyalar\u0131 <strong>Webp format\u0131na<\/strong> \u00e7evirece\u011fiz. Ben bunun i\u00e7in <a href=\"https:\/\/squoosh.app\/\" rel=\"nofollow noopener\" target=\"_blank\">squoosh.app<\/a> adresini kullan\u0131yorum. Kesinlikle kullanman\u0131z\u0131 da \u00f6neririm. \u00c7ok g\u00fc\u00e7l\u00fc bir \u00e7evirici bilgisayar\u0131n\u0131za ayr\u0131ca bir program y\u00fcklemenize gerek kalm\u0131yor.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>WebP \u2018ye \u00e7evirmek istedi\u011finiz foto\u011fraflar\u0131 se\u00e7in ve <strong>Squoosh.app<\/strong> adresine y\u00fckleyin.<\/li><li>Sa\u011f altta yer alan edit k\u0131sm\u0131nda \u201cCompress\u201d ba\u015fl\u0131\u011f\u0131 alt\u0131ndaki b\u00f6l\u00fcmden WebP se\u00e7ene\u011fini i\u015faretleyin. Foto\u011fraf\u0131n\u0131z\u0131 d\u00f6n\u00fc\u015ft\u00fcrd\u00fc\u011f\u00fcn\u00fc ve size ne kadar tasarruf sa\u011flad\u0131\u011f\u0131n\u0131 g\u00f6receksiniz.<\/li><li>En sa\u011f alttaki butona t\u0131klayarak WebP foto\u011fraf\u0131n\u0131z\u0131 indirin.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/diji360.com\/file\/2021\/06\/squoosh-webp-kullanma.webp\" alt=\"SEO dijital pazarlama\" class=\"\" title=\"\"><\/figure>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1623025013654\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">WebP Kullanmak SEO a\u00e7\u0131s\u0131ndan Fayda Sa\u011flar m\u0131?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p><strong>Google<\/strong>, WebP g\u00f6rsellerini kullanman\u0131n<strong> <a href=\"https:\/\/diji360.com\/arama-motoru-optimizasyonu-seo-hizmeti\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a><\/strong>\u2019ya ve s\u0131ralamalar\u0131n\u0131za bir katk\u0131 sa\u011flayaca\u011f\u0131n\u0131 do\u011frudan belirtmedi. Ancak Google Webp teknolojisini geli\u015ftirdi. Ayr\u0131ca web sitelerimizin <strong>h\u0131z\u0131n\u0131 artt\u0131rmak i\u00e7in<\/strong> WebP ve di\u011fer di\u011fer s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f g\u00f6rsellerin kullan\u0131lmas\u0131n\u0131 tavsiye ediyor.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p>Web sitenizin <strong>h\u0131z performans\u0131<\/strong> \u00f6l\u00e7\u00fcmlemek i\u00e7in <strong>PageSpeed \u200b\u200bInsights<\/strong>&#8216;\u0131 kullan\u0131rsan\u0131z, Google&#8217;\u0131n resimlerinizi WebP&#8217;ye d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in WebP ve bir WordPress eklentisi kullanman\u0131z\u0131 \u00f6nerdi\u011fini g\u00f6r\u00fcrs\u00fcn\u00fcz:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/diji360.com\/file\/2021\/06\/webp-google-pagespeed-insights.webp\" alt=\"SEO dijital pazarlama\" class=\"\" title=\"\"><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>\u201cJPEG 2000, JPEG XR ve WebP gibi resim bi\u00e7imleri genellikle PNG veya JPEG&#8217;den daha iyi s\u0131k\u0131\u015ft\u0131rma sa\u011flar. B\u00f6ylece indirme i\u015flemleri daha h\u0131zl\u0131 tamamlan\u0131r ve veri t\u00fcketimi daha az olur.\u201d<\/em><\/p><\/blockquote>\n\n\n\n<p>\u00d6zetle <strong>WebP kullanmak <\/strong>web sitenizin daha h\u0131zl\u0131 y\u00fcklenmesine yard\u0131mc\u0131 olabilir. Bu da dolayl\u0131 olarak <strong>SEO<\/strong> a\u00e7\u0131s\u0131nda katk\u0131 sa\u011flayabilir. Ayn\u0131 zamanda daha h\u0131zl\u0131 y\u00fcklenen web siteleri kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan faydal\u0131d\u0131r.<\/p>\n\n\n\n<p>Genel olarak WebP ile ilgili bir rehber haz\u0131rlamaya \u00e7al\u0131\u015ft\u0131m. Katk\u0131da bulunmak isterseniz soru ve g\u00f6r\u00fc\u015flerinizi yorum olarak belirtebilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WebP g\u00f6rsel format\u0131, resim dosyalar\u0131n\u0131z\u0131n boyutlar\u0131n\u0131n daha k\u00fc\u00e7\u00fck olmas\u0131n\u0131 ve web sitesinizin daha h\u0131zl\u0131 y\u00fcklenmesini sa\u011flar. E\u011fer daha h\u0131zl\u0131 bir WordPress web sitesi istiyorsan\u0131z kesinlikle WebP\u2019ye g\u00f6z at\u0131n derim. Hepimiz web sitelerimiz daha h\u0131zl\u0131 olsun, SEO performans\u0131m\u0131z iyile\u015fsin ve Google ba\u015fta olmak \u00fczere arama motorlar\u0131n\u0131 mutlu edelim istiyoruz. &nbsp;Bunun bir yolu da web sitemizdeki foto\u011fraflar\u0131 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5781,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[],"class_list":["post"],"_links":{"self":[{"href":"https:\/\/diji360.com\/asda\/wp\/v2\/posts\/5373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diji360.com\/asda\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diji360.com\/asda\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diji360.com\/asda\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diji360.com\/asda\/wp\/v2\/comments?post=5373"}],"version-history":[{"count":0,"href":"https:\/\/diji360.com\/asda\/wp\/v2\/posts\/5373\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/diji360.com\/asda\/wp\/v2\/media\/5781"}],"wp:attachment":[{"href":"https:\/\/diji360.com\/asda\/wp\/v2\/media?parent=5373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diji360.com\/asda\/wp\/v2\/categories?post=5373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diji360.com\/asda\/wp\/v2\/tags?post=5373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}