{"id":998,"date":"2022-09-11T10:04:53","date_gmt":"2022-09-11T10:04:53","guid":{"rendered":"https:\/\/sunucucozumleri.com\/?p=998"},"modified":"2022-10-09T19:42:19","modified_gmt":"2022-10-09T19:42:19","slug":"cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir","status":"publish","type":"post","link":"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/","title":{"rendered":"CLS ve CLP Optimizasyonu Nedir? CLS Nedir ? CLP Nedir?"},"content":{"rendered":"<p>Google, web sayfalar\u0131n\u0131 s\u0131ralamak i\u00e7in kullan\u0131c\u0131 merkezli bir yakla\u015f\u0131ma odaklan\u0131r. Core Web Vitals\u2019e (\u00d6nemli Web Verileri) dayal\u0131 olarak, ana i\u00e7erik y\u00fckleme h\u0131z\u0131, ilk giri\u015f gecikmesi ve g\u00f6rsel kararl\u0131l\u0131k a\u00e7\u0131s\u0131ndan iyi performans g\u00f6steren web sitelerini \u00f6d\u00fcllendirir.<\/p>\n<div class=\"lwptoc lwptoc-light lwptoc-notInherit\" data-smooth-scroll=\"1\" data-smooth-scroll-offset=\"20\" data-lwptoc-initialized=\"1\">\n<div class=\"lwptoc_i\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" class=\"entered litespeed-loaded\" src=\"https:\/\/web-dev.imgix.net\/image\/tcFciHGuF3MxnTr1y5ue01OGLBn2\/uqclEgIlTHhwIgNTXN3Y.svg\" alt=\"Good CLS values are 0.1 or less, poor values are greater than 0.25, and anything in between needs improvement\" width=\"912\" height=\"684\" data-lazyloaded=\"1\" data-src=\"https:\/\/web-dev.imgix.net\/image\/tcFciHGuF3MxnTr1y5ue01OGLBn2\/uqclEgIlTHhwIgNTXN3Y.svg\" data-ll-status=\"loaded\" data- title=\"\"><\/figure>\n<p>\u015eirketiniz Google aramalar\u0131ndaki varl\u0131\u011f\u0131 konusunda ciddiyse ve Google\u2019dan daha fazla potansiyel m\u00fc\u015fteri almak istiyorsa, sitenizi Core Web Vitals i\u00e7in optimize etmeniz gerekir. Core Web Vitals\u2019i hedefleyen bir strateji, daha iyi bir kullan\u0131c\u0131 deneyimi sunman\u0131za ve d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131 art\u0131rman\u0131za olanak tan\u0131r.<\/p>\n<p>Cumulative Layout Shift, bu temel metriklerden biridir.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Makale \u0130\u00e7eri\u011fi<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u0130\u00e7indekiler Tablosunu A\u00e7\/Kapat\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#Cumulative_Layout_Shift_Nedir\" >Cumulative Layout Shift Nedir?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#CLS_Puanlari_Nasil_Olculur\" >CLS Puanlar\u0131 Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#Layout_Shift_Skoru_Nasil_Hesaplanir\" >Layout Shift Skoru Nas\u0131l Hesaplan\u0131r?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#CLS_Nasil_Optimize_Edilir\" >CLS Nas\u0131l Optimize Edilir?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#1_Goruntu_boyutlarini_belirtin\" >1. G\u00f6r\u00fcnt\u00fc boyutlar\u0131n\u0131 belirtin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#2_Reklamlar_veya_ucuncu_taraf_widgetlari_icin_yer_ayirin\" >2. Reklamlar veya \u00fc\u00e7\u00fcnc\u00fc taraf widget\u2019lar\u0131 i\u00e7in yer ay\u0131r\u0131n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#3_Ozel_yazi_tipi_dagitimini_ve_degistirme_seceneklerini_optimize_edin\" >3. \u00d6zel yaz\u0131 tipi da\u011f\u0131t\u0131m\u0131n\u0131 ve de\u011fi\u015ftirme se\u00e7eneklerini optimize edin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#4_Bagimli_DOM_ogeleri_icin_yer_tutuculari_kullanmayi_dusunun\" >4. Ba\u011f\u0131ml\u0131 DOM \u00f6\u011feleri i\u00e7in yer tutucular\u0131 kullanmay\u0131 d\u00fc\u015f\u00fcn\u00fcn<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#Cumulative_Layout_Shift_CLS_Nasil_Hesaplanir\" >Cumulative Layout Shift (CLS) Nas\u0131l Hesaplan\u0131r?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#Kararsiz_elemanlar\" >Karars\u0131z elemanlar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#Kayma_etkisi\" >Kayma etkisi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#Kayma_mesafesi\" >Kayma mesafesi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#Kayma_etkisi_nasil_hesaplanir\" >Kayma etkisi nas\u0131l hesaplan\u0131r?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/sunucucozumleri.com\/blog\/cls-ve-clp-optimizasyonu-nedir-cls-nedir-clp-nedir\/#Tum_Bunlar_SEO_Icin_Ne_Anlama_Gelir\" >T\u00fcm Bunlar SEO \u0130\u00e7in Ne Anlama Gelir?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 id=\"cumulative-layout-shift-nedir\"><span class=\"ez-toc-section\" id=\"Cumulative_Layout_Shift_Nedir\"><\/span><span id=\"Cumulative_Layout_Shift_Nedir\">Cumulative Layout Shift Nedir?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Cumulative Layout Shift (CLS), web sitenizin sayfalar\u0131 y\u00fcklenirken kararl\u0131l\u0131\u011f\u0131n\u0131 \u00f6l\u00e7mek i\u00e7in kullan\u0131lan bir \u00f6l\u00e7\u00fcmd\u00fcr.<\/p>\n<p>Bkz.\u00a0<a href=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Cumulative Layout Shift (CLS)<\/a><\/p>\n<p>Sayfa y\u00fckleme s\u0131ras\u0131nda g\u00f6r\u00fcn\u00fcm alan\u0131ndaki bir \u00f6\u011fe ba\u015flang\u0131\u00e7 konumundan hareket etti\u011finde bir d\u00fczen kaymas\u0131 meydana gelir. Bu elemanlara karars\u0131z elemanlar denir.<\/p>\n<figure class=\"wp-block-video\"><video src=\"https:\/\/storage.googleapis.com\/web-dev-assets\/layout-instability-api\/layout-instability2.webm\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/figure>\n<p>\u00d6rne\u011fin, bir blog yaz\u0131s\u0131n\u0131 okumaya \u00e7al\u0131\u015f\u0131rken, paragraflar aras\u0131nda aniden metin bloklar\u0131n\u0131n a\u015fa\u011f\u0131 do\u011fru hareket etmesine neden olan bir reklam \u00e7\u0131karsa, bu kullan\u0131c\u0131lar i\u00e7in ho\u015f olmayan bir harekettir, \u00e7\u00fcnk\u00fc yapt\u0131klar\u0131 her \u015feyi kesintiye u\u011frat\u0131r.<\/p>\n<p>\u0130yi bir CLS puan\u0131 0,1\u2019den azd\u0131r. Bunu ba\u015farmak imkans\u0131z g\u00f6r\u00fcnebilir, ancak m\u00fcmk\u00fcnd\u00fcr. 0,1 ile 0,25 aras\u0131ndaki herhangi bir puan\u0131n iyile\u015ftirilmesi gerekirken 0,25\u2019in \u00fczerindeki herhangi bir puan zay\u0131f olarak kabul edilir.<\/p>\n<h2 id=\"cls-puanlari-nasil-olculur\"><span class=\"ez-toc-section\" id=\"CLS_Puanlari_Nasil_Olculur\"><\/span><span id=\"CLS_Puanlari_Nasil_Olculur\">CLS Puanlar\u0131 Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>CLS laboratuvarda veya sahada (ger\u00e7ek kullan\u0131c\u0131 verileri kullan\u0131larak) \u00f6l\u00e7\u00fclebilir.<\/p>\n<figure class=\"wp-block-table\">\n<table>\n<tbody>\n<tr>\n<td><strong>Lab Tools<\/strong><\/td>\n<td><strong>Field Tools<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Chrome DevTools (Performance sekmesi)<br \/>\nLighthouse<br \/>\nWebPageTest<\/td>\n<td>Chrome User Experience Report<br \/>\nPageSpeed Insights<br \/>\nCore Web Vitals report \u2013 Search Console<br \/>\nWeb-vitals Javascript k\u00fct\u00fcphanesi<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Laboratuvar ara\u00e7lar\u0131 genellikle geli\u015ftirme a\u015famas\u0131nda yeni \u00f6zelliklerin\/iyile\u015ftirmelerin CLS i\u00e7in belirlenen e\u015fik ile uyumlu oldu\u011fundan emin olmak i\u00e7in kullan\u0131l\u0131rken, saha ara\u00e7lar\u0131 RUM (Ger\u00e7ek Kullan\u0131c\u0131 \u0130zleme) verilerini rapor eder.<\/p>\n<h3 id=\"layout-shift-skoru-nasil-hesaplanir\"><span class=\"ez-toc-section\" id=\"Layout_Shift_Skoru_Nasil_Hesaplanir\"><\/span>Layout Shift Skoru Nas\u0131l Hesaplan\u0131r?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><code>layout shift score = impact fraction * distance fraction<\/code><\/p>\n<p>Bu iki y\u00f6ntemin sa\u011flad\u0131\u011f\u0131 sonu\u00e7lar, do\u011fas\u0131 gere\u011fi farkl\u0131l\u0131k g\u00f6sterebilir. CLS\u2019ye gelince, belirli bir sayfa i\u00e7in laboratuvar ara\u00e7lar\u0131 taraf\u0131ndan rapor edilen de\u011ferler saha verilerinden daha az olabilir. Bunun nedeni, Lighthouse gibi ara\u00e7lar\u0131n d\u00fczen kaymalar\u0131n\u0131 yaln\u0131zca sayfa y\u00fckleme i\u015flemi s\u0131ras\u0131nda \u00f6l\u00e7mesi ve saha ara\u00e7lar\u0131n\u0131n kullan\u0131c\u0131 de\u011ferlerini s\u00fcrekli olarak raporlayabilmesidir.<\/p>\n<h2 id=\"cls-nasil-optimize-edilir\"><span class=\"ez-toc-section\" id=\"CLS_Nasil_Optimize_Edilir\"><\/span><span id=\"CLS_Nasil_Optimize_Edilir\">CLS Nas\u0131l Optimize Edilir?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A\u015fa\u011f\u0131da CLS\u2019yi optimize etmek i\u00e7in baz\u0131 ipu\u00e7lar\u0131n\u0131 bulabilirsiniz:<\/p>\n<h3 id=\"1-goruntu-boyutlarini-belirtin\"><span class=\"ez-toc-section\" id=\"1_Goruntu_boyutlarini_belirtin\"><\/span>1. G\u00f6r\u00fcnt\u00fc boyutlar\u0131n\u0131 belirtin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Bu sorunu d\u00fczeltmek i\u00e7in &lt;img&gt; etiketinin i\u00e7ine geni\u015flik ve y\u00fckseklik niteliklerini ekleyin.<\/p>\n<h3 id=\"2-reklamlar-veya-ucuncu-taraf-widget-lari-icin-yer-ayirin\"><span class=\"ez-toc-section\" id=\"2_Reklamlar_veya_ucuncu_taraf_widgetlari_icin_yer_ayirin\"><\/span>2. Reklamlar veya \u00fc\u00e7\u00fcnc\u00fc taraf widget\u2019lar\u0131 i\u00e7in yer ay\u0131r\u0131n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Bir reklam\u0131n i\u00e7ine yerle\u015ftirilen i\u00e7eri\u011fin boyutunu kontrol edemeseniz de, t\u00fcm reklam\u0131n\/widget\u2019\u0131n ne kadar b\u00fcy\u00fck oldu\u011funu veya potansiyel olarak ne kadar b\u00fcy\u00fck olabilece\u011fini takip etmeniz m\u00fcmk\u00fcnd\u00fcr.<\/p>\n<p>Chrome DevTools\u2019u kullanarak reklam boyutlar\u0131n\u0131 bulabilir ve reklam kapsay\u0131c\u0131s\u0131n\u0131 bu de\u011ferlerle \u00f6nceden \u015fekillendirebilirsiniz.<\/p>\n<p>Ayr\u0131ca, sayfan\u0131n en ba\u015f\u0131na yerle\u015ftirilen reklamlar\u0131n (web sitesi gezinmesinden bile daha y\u00fckse\u011fe), sayfan\u0131n ortas\u0131na yerle\u015ftirilenlerden daha b\u00fcy\u00fck alg\u0131lanan d\u00fczen kaymalar\u0131na neden olabilece\u011fini unutmay\u0131n.<\/p>\n<h3 id=\"3-ozel-yazi-tipi-dagitimini-ve-degistirme-seceneklerini-optimize-edin\"><span class=\"ez-toc-section\" id=\"3_Ozel_yazi_tipi_dagitimini_ve_degistirme_seceneklerini_optimize_edin\"><\/span>3. \u00d6zel yaz\u0131 tipi da\u011f\u0131t\u0131m\u0131n\u0131 ve de\u011fi\u015ftirme se\u00e7eneklerini optimize edin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Web sitesinde \u00f6zel bir yaz\u0131 tipi kullan\u0131l\u0131yorsa ve yaz\u0131 tipi sistemde mevcut de\u011filse, taray\u0131c\u0131n\u0131n sayfada kullanabilmesi i\u00e7in onu indirmesi gerekir. Bir yaz\u0131 tipi indirilirken, bu arada farkl\u0131 bir yaz\u0131 tipi kullan\u0131l\u0131r. Bu, geli\u015ftirici taraf\u0131ndan CSS\u2019de tan\u0131mlanabilir veya varsay\u0131lan bir taray\u0131c\u0131 \u00f6zelli\u011fi olarak sa\u011flanabilir. Buradaki sorun, hedef yaz\u0131 tipi ve yedek yaz\u0131 tipinin, bir metnin kaplad\u0131\u011f\u0131 alanda farkl\u0131l\u0131k yaratmas\u0131d\u0131r.<\/p>\n<p>Bu y\u00fczden yaz\u0131 tipiyle ilgili sorunlardan kaynaklanan d\u00fczen kaymalar\u0131n\u0131 \u00f6nlemek i\u00e7in a\u015fa\u011f\u0131dakileri kullanabilirsiniz:<\/p>\n<ul>\n<li>Yaz\u0131 tipi g\u00f6r\u00fcnt\u00fcleme CSS \u00f6zelli\u011fini kullan\u0131n.<\/li>\n<li>Anahtar web yaz\u0131 tiplerini CSS\u2019den uzaktan almak yerine &lt;link rel=preload&gt; HTML etiketini kullanarak \u00f6nceden y\u00fckleyin.<\/li>\n<\/ul>\n<p>Bu iki y\u00f6ntem ayr\u0131 ayr\u0131 veya birlikte kullan\u0131labilir. Font de\u011fi\u015ftirme davran\u0131\u015f\u0131n\u0131 belirlemek i\u00e7in font-display \u00f6zelli\u011fini kullanabilir ve sayfan\u0131n g\u00f6rsel olarak \u00e7\u0131kt\u0131s\u0131 al\u0131nmadan \u00f6nce bile indirilme ve olu\u015fturulmaya haz\u0131r olma \u015fans\u0131n\u0131 art\u0131rmak i\u00e7in fontu \u00f6nceden y\u00fckleyebilirsiniz.<\/p>\n<h3 id=\"4-bagimli-dom-ogeleri-icin-yer-tutuculari-kullanmayi-dusunun\"><span class=\"ez-toc-section\" id=\"4_Bagimli_DOM_ogeleri_icin_yer_tutuculari_kullanmayi_dusunun\"><\/span>4. Ba\u011f\u0131ml\u0131 DOM \u00f6\u011feleri i\u00e7in yer tutucular\u0131 kullanmay\u0131 d\u00fc\u015f\u00fcn\u00fcn<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Web sitenizde AJAX\u2019a ba\u011fl\u0131 DOM de\u011fi\u015fiklikleriniz varsa, sunucudan gelen sonu\u00e7lar i\u00e7in bir alan ay\u0131rmay\u0131 d\u00fc\u015f\u00fcn\u00fcn. Bu \u00e7\u00f6z\u00fcm, reklamlar ve widget\u2019lar i\u00e7in yer ay\u0131rmaya \u00e7ok benzer, ancak bu durumda gelecek i\u00e7eri\u011fin ne kadar b\u00fcy\u00fck olaca\u011f\u0131 konusunda daha fazla kontrole sahip olabilirsiniz.<\/p>\n<h2 id=\"cumulative-layout-shift-cls-nasil-hesaplanir\"><span class=\"ez-toc-section\" id=\"Cumulative_Layout_Shift_CLS_Nasil_Hesaplanir\"><\/span><span id=\"Cumulative_Layout_Shift_CLS_Nasil_Hesaplanir\">Cumulative Layout Shift (CLS) Nas\u0131l Hesaplan\u0131r?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"kararsiz-elemanlar\"><span class=\"ez-toc-section\" id=\"Kararsiz_elemanlar\"><\/span>Karars\u0131z elemanlar<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0130lk olarak, taray\u0131c\u0131 karars\u0131z \u00f6\u011feleri, yani sayfa y\u00fckleme i\u015flemi s\u0131ras\u0131nda ba\u015flang\u0131\u00e7 konumlar\u0131n\u0131 de\u011fi\u015ftiren \u00f6\u011feleri arar.<\/p>\n<h3 id=\"kayma-etkisi\"><span class=\"ez-toc-section\" id=\"Kayma_etkisi\"><\/span>Kayma etkisi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ard\u0131ndan, taray\u0131c\u0131 kayma etkisini belirler. Bunun i\u00e7in karars\u0131z \u00f6\u011felerden etkilenen alan\u0131n y\u00fcksekli\u011fini al\u0131n ve t\u00fcm g\u00f6r\u00fcnt\u00fc alan\u0131 y\u00fcksekli\u011fine b\u00f6l\u00fcn. Bu \u015fekilde kayma etkisini elde edebilirsiniz.<\/p>\n<h3 id=\"kayma-mesafesi\"><span class=\"ez-toc-section\" id=\"Kayma_mesafesi\"><\/span>Kayma mesafesi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Kayma mesafesi, karars\u0131z bir \u00f6\u011fenin g\u00f6r\u00fcn\u00fcm alan\u0131yla ilgili olarak ne kadar hareket etti\u011fini izler. Distance fraction, \u00f6genin kat etti\u011fi mesafenin, g\u00f6r\u00fcn\u00fcm\u00fcn geni\u015fli\u011fine veya y\u00fcksekli\u011fine b\u00f6l\u00fcnmesidir (hangisi daha b\u00fcy\u00fckse).<\/p>\n<h3 id=\"kayma-etkisi-nasil-hesaplanir\"><span class=\"ez-toc-section\" id=\"Kayma_etkisi_nasil_hesaplanir\"><\/span>Kayma etkisi nas\u0131l hesaplan\u0131r?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Google bu form\u00fcl\u00fc kendi resmi sitesinde a\u015fa\u011f\u0131daki \u015fekilde vermi\u015f:<\/p>\n<p><strong>Layout shift score =<\/strong>\u00a0Impact fraction * Distance fraction (Kayma Etkisi * Kayma Mesafesi)<\/p>\n<h2 id=\"tum-bunlar-seo-icin-ne-anlama-gelir\"><span class=\"ez-toc-section\" id=\"Tum_Bunlar_SEO_Icin_Ne_Anlama_Gelir\"><\/span><span id=\"Tum_Bunlar_SEO_Icin_Ne_Anlama_Gelir\">T\u00fcm Bunlar SEO \u0130\u00e7in Ne Anlama Gelir?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Google, kullan\u0131c\u0131lar\u0131n iyi bir kullan\u0131c\u0131 deneyimine sahip siteleri ziyaret etmesini istedi\u011finden, Cumulative Layout Shift SEO\u2019yu etkiler. Web sayfan\u0131z\u0131n iyi bir CLS puan\u0131 yoksa, anahtar kelime s\u0131ralamalar\u0131n\u0131 etkileyebilir ve genel SEO\u2019nuzun performans\u0131n\u0131 d\u00fc\u015f\u00fcrebilir. Asl\u0131nda, daha y\u00fcksek CLS puanlar\u0131, daha y\u00fcksek hemen \u00e7\u0131kma oranlar\u0131 ve daha k\u0131sa oturum uzunluklar\u0131 ile ili\u015fkilidir ve kullan\u0131c\u0131lar\u0131n gelecekte sitenize geri d\u00f6nme potansiyelini s\u0131n\u0131rlar.<\/p>\n<p>CLS, Google Lighthouse puanlamas\u0131ndaki a\u011f\u0131rl\u0131kl\u0131 metriklerin %5\u2019ini olu\u015fturur. Optimizasyonu etkileyen di\u011fer fakt\u00f6rler kadar \u00f6nemli olmasa da, yine de olumlu, istikrarl\u0131 ve sorunsuz kullan\u0131c\u0131 deneyimini destekleyen sayfalar olu\u015fturman\u0131z gerekir. Bu y\u00fczden en iyi SEO performans\u0131 i\u00e7in web sitenizi geli\u015ftirirken ve yeniden yap\u0131land\u0131r\u0131rken bu \u00f6nemli metri\u011fi akl\u0131n\u0131zda tuttu\u011funuzdan emin olun.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google, web sayfalar\u0131n\u0131 s\u0131ralamak i\u00e7in kullan\u0131c\u0131 merkezli bir yakla\u015f\u0131ma odaklan\u0131r. Core Web Vitals\u2019e (\u00d6nemli Web Verileri) dayal\u0131 olarak, ana i\u00e7erik y\u00fckleme h\u0131z\u0131, ilk giri\u015f gecikmesi ve g\u00f6rsel kararl\u0131l\u0131k a\u00e7\u0131s\u0131ndan iyi performans g\u00f6steren web sitelerini \u00f6d\u00fcllendirir. \u015eirketiniz Google aramalar\u0131ndaki varl\u0131\u011f\u0131 konusunda ciddiyse ve Google\u2019dan daha fazla potansiyel m\u00fc\u015fteri almak istiyorsa, sitenizi Core Web Vitals i\u00e7in optimize &hellip;<\/p>\n","protected":false},"author":1,"featured_media":1442,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-998","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts\/998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/comments?post=998"}],"version-history":[{"count":0,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts\/998\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/media\/1442"}],"wp:attachment":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/media?parent=998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/categories?post=998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/tags?post=998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}