{"id":6810,"date":"2023-01-30T10:36:20","date_gmt":"2023-01-30T07:36:20","guid":{"rendered":"https:\/\/www.hostixo.com\/blog\/?p=6810"},"modified":"2023-01-30T10:36:20","modified_gmt":"2023-01-30T07:36:20","slug":"core-web-vitals-nedir-nasil-calisir","status":"publish","type":"post","link":"https:\/\/www.hostixo.com\/blog\/core-web-vitals-nedir-nasil-calisir\/","title":{"rendered":"Core Web Vitals Nedir? Nas\u0131l \u00c7al\u0131\u015f\u0131r?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_1 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\">\u0130\u00e7indekiler \u2714<\/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:\/\/www.hostixo.com\/blog\/core-web-vitals-nedir-nasil-calisir\/#Core_Web_Vitals_Nedir_Ne_Ise_Yarar\" >Core Web Vitals Nedir? Ne \u0130\u015fe Yarar?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostixo.com\/blog\/core-web-vitals-nedir-nasil-calisir\/#Core_Web_Vitals_Metrikleri_Nelerdir\" >Core Web Vitals Metrikleri Nelerdir?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostixo.com\/blog\/core-web-vitals-nedir-nasil-calisir\/#Core_Web_Vitals_Neden_Onemlidir\" >Core Web Vitals Neden \u00d6nemlidir?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostixo.com\/blog\/core-web-vitals-nedir-nasil-calisir\/#Core_Web_Vitals_Nasil_Calisir\" >Core Web Vitals Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/a><\/li><\/ul><\/nav><\/div>\n<p><a href=\"https:\/\/www.hostixo.com\/hosting\/hazir-site\/\" data-internallinksmanager029f6b8e52c=\"11\" title=\"haz\u0131r site\">Site<\/a>ler i\u00e7in \u00f6nemli olan <strong>Core Web Vitals nedir<\/strong> sorusunu yaz\u0131m\u0131zda yan\u0131tlamak istiyoruz. Bu metrikler, temel olarak kullan\u0131c\u0131 deneyimini \u00f6l\u00e7mektedir.<\/p>\n<p>Bir site a\u00e7t\u0131ysan\u0131z, sadece <a href=\"https:\/\/www.hostixo.com\/blog\/white-hat-seo-nedir-teknikleri-nelerdir\/\">SEO<\/a>\u2019ya odaklanman\u0131z yeterli de\u011fil. Sitenizde baz\u0131 d\u00fczenlemeler yapman\u0131z ve bir\u00e7ok konu hakk\u0131nda bilgi sahibi olman\u0131z gerekiyor. \u00c7\u00fcnk\u00fc baz\u0131 konular site i\u00e7in ekstra \u00f6nem ta\u015f\u0131yor. Core Web Vitals\u2019\u0131n da siteler i\u00e7in fazlas\u0131yla \u00f6nemli oldu\u011funu s\u00f6yleyebiliriz.<\/p>\n<p>Google\u2019\u0131n 2020 y\u0131l\u0131nda hayata ge\u00e7irdi\u011fi bu hizmet, baz\u0131 metriklere dayal\u0131 olarak kullan\u0131c\u0131 deneyimini \u00f6l\u00e7meyi ama\u00e7l\u0131yor. Bu metrikler, zaman zaman sitenin s\u0131ralamas\u0131na da etki edebiliyorlar. Bir sitede kullan\u0131c\u0131 deneyimi ne kadar olumlu y\u00f6nde olursa o kadar iyi. Bu y\u00fczden, Core Web Vitals metriklerinden olumlu sonu\u00e7 almak siteniz i\u00e7in \u00e7ok iyi olacakt\u0131r.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Core_Web_Vitals_Nedir_Ne_Ise_Yarar\"><\/span><strong>Core Web Vitals Nedir? Ne \u0130\u015fe Yarar?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6813 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/01\/hostixo-blog-core-web-vitals-nedir-ne-ise-yarar-neden-onemlidir.jpg\" alt=\"hostixo-blog-core-web-vitals-nedir-ne-ise-yarar-neden-onemlidir\" width=\"640\" height=\"489\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/489;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6813\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/01\/hostixo-blog-core-web-vitals-nedir-ne-ise-yarar-neden-onemlidir.jpg\" alt=\"hostixo-blog-core-web-vitals-nedir-ne-ise-yarar-neden-onemlidir\" width=\"640\" height=\"489\" title=\"\"><\/noscript><\/p>\n<p>Sitenize daha fazla ziyaret\u00e7i kazand\u0131rmak i\u00e7in kullan\u0131c\u0131 deneyimine \u00f6nem vermeniz \u015fart. \u0130\u015fte bu y\u00fczden <strong>Core Web Vitals nedir<\/strong> konusu olduk\u00e7a \u00f6nemli. Core Web Vitals, baz\u0131 metriklere dayanarak kullan\u0131c\u0131 deneyimini \u00f6l\u00e7meye yar\u0131yor. Site sahipleri bu sayede kullan\u0131c\u0131lar\u0131n sitelerinde ya\u015fad\u0131klar\u0131 deneyim hakk\u0131nda fikir sahibi olabiliyorlar. K\u0131sacas\u0131, Core Web Vitals\u2019\u0131n kullan\u0131c\u0131lar\u0131n sitede ya\u015fad\u0131klar\u0131 deneyimi \u00f6l\u00e7t\u00fc\u011f\u00fcn\u00fc s\u00f6yleyebiliriz.<\/p>\n<p>Bu \u00f6l\u00e7\u00fcmler yap\u0131l\u0131rken bir\u00e7ok farkl\u0131 metrikler kullan\u0131l\u0131yor. Her metrik i\u00e7in farkl\u0131 bir skor belirleniyor. Bu metrikler, \u00f6l\u00e7\u00fcm sonucunda belirlenen skora g\u00f6re iyi, geli\u015ftirilmeli veya k\u00f6t\u00fc olarak de\u011ferlendiriliyor. Site sahibiyseniz bu metrikleri kontrol ederek kullan\u0131c\u0131 deneyimin hangi seviyede oldu\u011funu g\u00f6rebiliyorsunuz. Bu sayede sitenizdeki eksikler hakk\u0131nda daha rahat bilgi sahibi olabilirsiniz. Bu da size kullan\u0131c\u0131 deneyimini iyile\u015ftirmek i\u00e7in \u00f6nemli bir yol g\u00f6sterici olacakt\u0131r.<\/p>\n<h3><strong>Core Web Vitals Raporu Nas\u0131l Al\u0131n\u0131r?<\/strong><\/h3>\n<p>Kullan\u0131c\u0131 deneyimi hakk\u0131nda fikri sahibi olmak i\u00e7in <a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520?hl=tr\" target=\"_blank\" rel=\"noopener\">Core Web Vitals raporu nas\u0131l g\u00f6r\u00fcnt\u00fclenir?<\/a> diye merak edebilirsiniz. Google Search Console&#8217;a giderek sol taraftaki se\u00e7eneklere g\u00f6z atabilirsiniz. B\u00f6ylece Core Web Vitals nedir konusunun ard\u0131ndan metrik skorlar\u0131na h\u0131zl\u0131ca ula\u015fabilirsiniz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Core_Web_Vitals_Metrikleri_Nelerdir\"><\/span><strong>Core Web Vitals Metrikleri Nelerdir?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6811 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/01\/hostixo-blog-core-web-vitals-nedir-core-web-vitals-metrikleri-lcp-fid-cls.jpg\" alt=\"hostixo-blog-core-web-vitals-nedir-core-web-vitals-metrikleri-lcp-fid-cls\" width=\"640\" height=\"206\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/206;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6811\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/01\/hostixo-blog-core-web-vitals-nedir-core-web-vitals-metrikleri-lcp-fid-cls.jpg\" alt=\"hostixo-blog-core-web-vitals-nedir-core-web-vitals-metrikleri-lcp-fid-cls\" width=\"640\" height=\"206\" title=\"\"><\/noscript><\/p>\n<p>Bir \u00f6nceki Core Web Vitals nedir k\u0131sm\u0131nda kullan\u0131c\u0131 deneyiminin \u00f6l\u00e7\u00fclmesi i\u00e7in baz\u0131 metriklerin kullan\u0131ld\u0131\u011f\u0131n\u0131 belirtmi\u015ftik. Kullan\u0131c\u0131 deneyiminin \u00f6l\u00e7\u00fclmesi i\u00e7in \u00fc\u00e7 farkl\u0131 metrik kullan\u0131l\u0131r. Gelin bu metrikleri birlikte \u00f6\u011frenelim.<\/p>\n<h3><strong>Cumulative Layout Shift (CLS)<\/strong><\/h3>\n<p>Bu metrik, temel olarak sayfan\u0131n ne kadar d\u00fczenli g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc \u00f6l\u00e7mektedir. Baz\u0131 sitelerin sayfalar\u0131nda kaymalar ya\u015fanabilir ve bu da sayfa d\u00fczenini \u00f6nemli anlamda bozabilir. Sayfalarda ya\u015fanan kaymalar sebebiyle, ziyaret\u00e7iler yanl\u0131\u015f butonlara veya ba\u011flant\u0131lara t\u0131klayabilir.<\/p>\n<p>\u0130\u015fte bu y\u00fczden sayfan\u0131n d\u00fczenli olmas\u0131, kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan \u00e7ok \u00f6nemlidir. Core Web Vitals, <strong>Cumulative Layout Shift<\/strong> metri\u011fiyle sitedeki \u00f6\u011feler aras\u0131 mesafeyi vb. \u015feyleri \u00f6l\u00e7er. Bu sayede sayfan\u0131n ne kadar d\u00fczenli g\u00f6r\u00fcld\u00fc\u011f\u00fc daha rahat anla\u015f\u0131labilir. CLS puan\u0131 0.1 alt\u0131ndaysa iyi, 0.1-0.25 aras\u0131ndaysa geli\u015ftirilmeli, 0.25 \u00fcst\u00fcndeyse k\u00f6t\u00fc olarak de\u011ferlendirilir.<\/p>\n<h3><strong>Largest Contentful Paint (LCP)<\/strong><\/h3>\n<p>Core Web Vitals nedir k\u0131sm\u0131nda bahsetti\u011fimiz bir di\u011fer metrik <strong>Largest Contentful Paint (LCP)<\/strong> olarak kar\u015f\u0131m\u0131za \u00e7\u0131k\u0131yor. Largest Contentful Paint, temel olarak sayfalar\u0131n y\u00fcklenme h\u0131z\u0131n\u0131 \u00f6l\u00e7er. Ancak, bu metrik di\u011fer h\u0131z \u00f6l\u00e7\u00fcm ara\u00e7lar\u0131ndan biraz farkl\u0131d\u0131r. \u00c7\u00fcnk\u00fc bu metrik tamamen kullan\u0131c\u0131 deneyimini baz alarak sayfalar\u0131n y\u00fcklenme h\u0131z\u0131n\u0131 \u00f6l\u00e7er.<\/p>\n<p>Yani bu metrik i\u00e7in kullan\u0131c\u0131lar\u0131n sayfalara ne kadar s\u00fcrede ula\u015ft\u0131klar\u0131 \u00f6nemlidir. Sitede yay\u0131nlanan resimlerden tutun yaz\u0131 tiplerine kadar bir\u00e7ok \u015fey bu metri\u011fi \u00f6nemli anlamda etkileyebilir. Y\u00fcklenme h\u0131z\u0131 2.5 saniye alt\u0131ndaysa iyi, 2.5-4 saniye aral\u0131\u011f\u0131ndaysa geli\u015ftirilmeli, 4 saniye \u00fcst\u00fcndeyse k\u00f6t\u00fc olarak de\u011ferlendirilir.<\/p>\n<h3><strong>First Input Delay (FID)<\/strong><\/h3>\n<p>Son olarak <strong>First Input Delay<\/strong> metri\u011finden bahsetmek istiyoruz. First Input Delay, site ile kullan\u0131c\u0131 aras\u0131ndaki etkile\u015fimi \u00f6l\u00e7en bir metriktir. \u00d6rne\u011fin, sitede bir butona t\u0131klad\u0131\u011f\u0131n\u0131zda bir etkile\u015fim olu\u015fur. \u0130\u015fte bu etkile\u015fim ne kadar k\u0131sa s\u00fcrede tamamlan\u0131rsa bu durum kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan o kadar iyidir. First Input Delay, bu t\u00fcr etkile\u015fimlerin s\u00fcrelerini \u00f6l\u00e7er. Etkile\u015fim s\u00fcresi 100 milisaniye alt\u0131ndaysa iyi, 100 ile 300 milisaniye aras\u0131ndaysa geli\u015ftirilmeli, 300 milisaniye \u00fcst\u00fcndeyse k\u00f6t\u00fc olarak tan\u0131mlan\u0131r.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Core_Web_Vitals_Neden_Onemlidir\"><\/span><strong>Core Web Vitals Neden \u00d6nemlidir?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6812 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/01\/hostixo-blog-core-web-vitals-nedir-core-web-vitals-nasil-calisir.jpg\" alt=\"hostixo-blog-core-web-vitals-nedir-core-web-vitals-nasil-calisir\" width=\"640\" height=\"426\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/426;\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6812\" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2023\/01\/hostixo-blog-core-web-vitals-nedir-core-web-vitals-nasil-calisir.jpg\" alt=\"hostixo-blog-core-web-vitals-nedir-core-web-vitals-nasil-calisir\" width=\"640\" height=\"426\" title=\"\"><\/noscript><\/p>\n<p>Sizler i\u00e7in Core Web Vitals nedir, metrikleri nelerdir konular\u0131ndan bahsetmeye \u00e7al\u0131\u015ft\u0131k. Peki bu metriklerin neden \u00f6nemli oldu\u011funu hi\u00e7 d\u00fc\u015f\u00fcnd\u00fcn\u00fcz m\u00fc? Kullan\u0131c\u0131 deneyimi, genel olarak olduk\u00e7a \u00f6nemli bir konudur. Google, kullan\u0131c\u0131 deneyimine ekstra \u00f6nem vermektedir. \u0130\u015fte bu y\u00fczden bir sitedeki kullan\u0131c\u0131 deneyimi ne kadar iyiyse, bu durum Google i\u00e7in o kadar iyidir.<\/p>\n<p>Siteniz, Core Web Vitals metriklerinden ne kadar olumlu skorlar al\u0131rsa o kadar iyi olacakt\u0131r. Bu skorlar, her zaman olmasa da baz\u0131 zamanlar sitenin s\u0131ralamas\u0131n\u0131 etkileyebilmektedir. Bu y\u00fczden, Core Web Vitals skorlar\u0131na \u00f6nem vererek sitenizdeki kullan\u0131c\u0131 deneyimini iyile\u015ftirmenizi tavsiye ediyoruz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Core_Web_Vitals_Nasil_Calisir\"><\/span><strong>Core Web Vitals Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Core Web Vitals, kullan\u0131c\u0131 verilerini baz alarak baz\u0131 \u00f6l\u00e7\u00fcmler yapar. Bu \u00f6l\u00e7\u00fcmler yap\u0131l\u0131rken FID, LCP ve CLS metrikleri kullan\u0131l\u0131r. \u00d6l\u00e7\u00fcmlerin sonucunda her metrik i\u00e7in ayr\u0131 skorlar verilir. Bu skorlara g\u00f6re de sitedeki kullan\u0131c\u0131 deneyiminin iyi mi k\u00f6t\u00fc m\u00fc oldu\u011fu ortaya \u00e7\u0131kar.<\/p>\n<p><strong>Core Web Vitals nedir<\/strong> konusunu sizlere detayl\u0131 bir \u015fekilde a\u00e7\u0131klamaya \u00e7al\u0131\u015ft\u0131k. Sizde bu metrikleri kontrol ederek sitenizdeki kullan\u0131c\u0131 deneyimini iyile\u015ftirebilirsiniz. Kullan\u0131c\u0131 deneyiminin iyi olmas\u0131, uzun vadede sitenize bir\u00e7ok faydalar sa\u011flayacakt\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Siteler i\u00e7in \u00f6nemli olan Core Web Vitals nedir sorusunu yaz\u0131m\u0131zda yan\u0131tlamak istiyoruz. Bu metrikler, temel olarak kullan\u0131c\u0131 deneyimini \u00f6l\u00e7mektedir. Bir site a\u00e7t\u0131ysan\u0131z, sadece SEO\u2019ya odaklanman\u0131z yeterli de\u011fil. Sitenizde baz\u0131 d\u00fczenlemeler yapman\u0131z ve bir\u00e7ok konu hakk\u0131nda bilgi sahibi olman\u0131z gerekiyor. \u00c7\u00fcnk\u00fc baz\u0131 konular site i\u00e7in ekstra \u00f6nem ta\u015f\u0131yor. Core Web Vitals\u2019\u0131n da siteler i\u00e7in fazlas\u0131yla \u00f6nemli &hellip;<\/p>\n","protected":false},"author":1,"featured_media":6811,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mbp_gutenberg_autopost":false,"footnotes":""},"categories":[1,296],"tags":[],"class_list":["post-6810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel","category-internet"],"_links":{"self":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/6810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/comments?post=6810"}],"version-history":[{"count":0,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/6810\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media\/6811"}],"wp:attachment":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media?parent=6810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/categories?post=6810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/tags?post=6810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}