Web sitenizdeki i\u00e7erikleri sosyal medyada payla\u015ft\u0131\u011f\u0131n\u0131zda, bazen linkin bekledi\u011finiz gibi g\u00f6r\u00fcnmedi\u011fini fark etmi\u015fsinizdir. Belki yanl\u0131\u015f bir g\u00f6rsel, alakas\u0131z bir ba\u015fl\u0131k ya da eksik bir a\u00e7\u0131klama… Bu durum, potansiyel ziyaret\u00e7ilerin ilgisini kaybetmenize neden olabilir. Peki, bu sorunu \u00e7\u00f6zmek ve payla\u015f\u0131mlar\u0131n\u0131z\u0131n her zaman en do\u011fru, en \u00e7ekici \u015fekilde g\u00f6r\u00fcnmesini sa\u011flamak m\u00fcmk\u00fcn m\u00fcd\u00fcr? \u0130\u015fte tam bu noktada Open Graph protokol\u00fc devreye girer. Bu makalede, Open Graph protokol\u00fcn\u00fcn ne oldu\u011funu, nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131, web siteniz i\u00e7in neden hayati \u00f6nem ta\u015f\u0131d\u0131\u011f\u0131n\u0131 ve sosyal medya payla\u015f\u0131mlar\u0131n\u0131z\u0131 nas\u0131l optimize edebilece\u011finizi ad\u0131m ad\u0131m inceleyece\u011fiz. Amac\u0131m\u0131z, dijital varl\u0131\u011f\u0131n\u0131z\u0131n sosyal medya platformlar\u0131nda parlamas\u0131n\u0131 sa\u011flamakt\u0131r.<\/p>\n
Dijital \u00e7a\u011fda, i\u00e7eriklerimizin yaln\u0131zca web sitelerimizde de\u011fil, ayn\u0131 zamanda sosyal medya platformlar\u0131nda da etkili bir \u015fekilde sunulmas\u0131 b\u00fcy\u00fck \u00f6nem ta\u015f\u0131maktad\u0131r. Bir ba\u011flant\u0131 payla\u015f\u0131ld\u0131\u011f\u0131nda, sosyal medya platformlar\u0131 genellikle sayfan\u0131n HTML kodunu tarayarak bir \u00f6nizleme (preview) olu\u015fturur. Ancak bu \u00f6nizleme, her zaman istedi\u011fimiz gibi olmayabilir. \u0130\u015fte bu sorunu ortadan kald\u0131rmak ve i\u00e7erik \u00fcreticilerine payla\u015f\u0131mlar\u0131n\u0131n kontrol\u00fcn\u00fc vermek amac\u0131yla Facebook taraf\u0131ndan geli\u015ftirilen Open Graph (OG) protokol\u00fc, web sayfalar\u0131n\u0131 “sosyal grafik” (social graph) objelerine d\u00f6n\u00fc\u015ft\u00fcren bir dizi meta etiketi standard\u0131d\u0131r. Yani, web sayfan\u0131z\u0131n sosyal medyada nas\u0131l g\u00f6r\u00fcnece\u011fini siz belirlersiniz.<\/p>\n
Open Graph protokol\u00fcn\u00fcn temel amac\u0131, herhangi bir web sayfas\u0131n\u0131n zengin bir “grafik nesnesi” haline gelmesini sa\u011flamakt\u0131r. Bu sayede, bir kullan\u0131c\u0131 Facebook, Twitter, LinkedIn veya di\u011fer sosyal medya platformlar\u0131nda sitenizden bir ba\u011flant\u0131 payla\u015ft\u0131\u011f\u0131nda, ba\u011flant\u0131 yaln\u0131zca d\u00fcz bir URL olarak de\u011fil, ayn\u0131 zamanda ilgi \u00e7ekici bir g\u00f6rsel, a\u00e7\u0131klay\u0131c\u0131 bir ba\u015fl\u0131k ve k\u0131sa bir a\u00e7\u0131klama ile birlikte g\u00f6r\u00fcn\u00fcr. Bu zenginle\u015ftirilmi\u015f \u00f6nizleme, kullan\u0131c\u0131n\u0131n dikkatini \u00e7ekme ve ba\u011flant\u0131ya t\u0131klama olas\u0131l\u0131\u011f\u0131n\u0131 art\u0131rma konusunda kritik bir rol oynar. Bu nedenle, OG etiketleri sadece estetik bir kayg\u0131dan ibaret olmay\u0131p, ayn\u0131 zamanda web sitenizin trafi\u011fi, kullan\u0131c\u0131 etkile\u015fimi ve marka bilinirli\u011fi \u00fczerinde do\u011frudan bir etkiye sahiptir.<\/p>\n
Peki, Open Graph protokol\u00fc neden bu kadar \u00f6nemlidir? \u00d6ncelikle, kullan\u0131c\u0131 deneyimini iyile\u015ftirir. Bir ba\u011flant\u0131n\u0131n ne hakk\u0131nda oldu\u011funu \u00f6nceden g\u00f6rmek, kullan\u0131c\u0131n\u0131n t\u0131klama karar\u0131n\u0131 kolayla\u015ft\u0131r\u0131r ve yanl\u0131\u015f beklentilerin \u00f6n\u00fcne ge\u00e7er. \u0130kincisi, markan\u0131z\u0131n veya i\u00e7eri\u011finizin profesyonel ve tutarl\u0131 bir \u015fekilde sunulmas\u0131n\u0131 sa\u011flar. Yanl\u0131\u015f veya eksik bir \u00f6nizleme, markan\u0131z\u0131n imaj\u0131na zarar verebilirken, do\u011fru ve optimize edilmi\u015f bir \u00f6nizleme g\u00fcvenilirlik ve otorite hissi yarat\u0131r. \u00dc\u00e7\u00fcnc\u00fcs\u00fc, sosyal medya pazarlamas\u0131 ve SEO (Arama Motoru Optimizasyonu) stratejilerinizin ayr\u0131lmaz bir par\u00e7as\u0131d\u0131r. Her ne kadar Open Graph etiketleri do\u011frudan arama motoru s\u0131ralamalar\u0131n\u0131 etkilemese de, sosyal medyadaki payla\u015f\u0131mlar\u0131n artmas\u0131, daha fazla t\u0131klama ve daha fazla trafik anlam\u0131na gelir ki bu da dolayl\u0131 olarak SEO performans\u0131n\u0131za katk\u0131da bulunur. K\u0131sacas\u0131, Open Graph protokol\u00fc, dijital d\u00fcnyadaki g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fcz\u00fc ve etkinli\u011finizi art\u0131rmak i\u00e7in vazge\u00e7ilmez bir ara\u00e7t\u0131r.<\/p>\n
Open Graph protokol\u00fc, web sayfan\u0131z\u0131n Bu temel etiketlerin yan\u0131 s\u0131ra, Open Graph protokol\u00fc, video, ses, kitap veya \u00fcr\u00fcn gibi spesifik i\u00e7erik t\u00fcrleri i\u00e7in daha bir\u00e7ok \u00f6zel \u00f6zelli\u011fe sahiptir. \u00d6rne\u011fin, bir \u00fcr\u00fcn sayfas\u0131 i\u00e7in Open Graph meta etiketlerini web sitenize eklemek, d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcn\u00fczden daha kolayd\u0131r ve genellikle birka\u00e7 basit ad\u0131m\u0131 i\u00e7erir. Bu etiketler, web sayfan\u0131z\u0131n Open Graph etiketleri, web sayfan\u0131z\u0131n taray\u0131c\u0131ya g\u00f6r\u00fcnmeyen ancak sayfa hakk\u0131nda meta bilgiler i\u00e7eren Her web sayfas\u0131 i\u00e7in minimumda bulunmas\u0131 gereken d\u00f6rt temel Open Graph etiketi vard\u0131r:<\/p>\n Bu etiketleri sayfan\u0131z\u0131n G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, her bir Yukar\u0131daki temel etiketlere ek olarak, i\u00e7eri\u011finizin t\u00fcr\u00fcne g\u00f6re ba\u015fka Open Graph etiketleri de ekleyebilirsiniz. \u00d6rne\u011fin, bir video i\u00e7eri\u011fi i\u00e7in \u00d6rnek bir Twitter Card etiketi:<\/p>\n E\u011fer WordPress gibi bir CMS kullan\u0131yorsan\u0131z, Open Graph etiketlerini manuel olarak eklemenize gerek kalmadan, genellikle bir SEO eklentisi (Yoast SEO, Rank Math vb.) arac\u0131l\u0131\u011f\u0131yla kolayca y\u00f6netebilirsiniz. Bu eklentiler, her yaz\u0131 veya sayfa i\u00e7in Open Graph ba\u015fl\u0131\u011f\u0131n\u0131, a\u00e7\u0131klamas\u0131n\u0131 ve g\u00f6rselini belirlemenize olanak tan\u0131r. Shopify gibi e-ticaret platformlar\u0131 ise \u00fcr\u00fcn sayfalar\u0131 i\u00e7in varsay\u0131lan olarak Open Graph etiketlerini otomatik olarak olu\u015fturur; ancak bunlar\u0131 \u00f6zelle\u015ftirme se\u00e7enekleri de sunar.<\/p>\n Etiketleri ekledikten sonra, bunlar\u0131n do\u011fru \u00e7al\u0131\u015ft\u0131\u011f\u0131ndan emin olmak \u00e7ok \u00f6nemlidir. Sosyal medya platformlar\u0131, payla\u015f\u0131mlar\u0131n\u0131z\u0131n nas\u0131l g\u00f6r\u00fcnece\u011fini test etmenize olanak tan\u0131yan ara\u00e7lar sunar:<\/p>\n Bu ara\u00e7lara URL’nizi yap\u0131\u015ft\u0131rarak, sosyal medya platformlar\u0131n\u0131n sayfan\u0131z\u0131 nas\u0131l g\u00f6rd\u00fc\u011f\u00fcn\u00fc an\u0131nda kontrol edebilir ve varsa hatalar\u0131 d\u00fczeltebilirsiniz. Unutmay\u0131n, baz\u0131 platformlar \u00f6nbelle\u011fe alma (caching) yapabilir, bu nedenle yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fikliklerin hemen g\u00f6r\u00fcnmemesi durumunda “Scrape Again” veya benzeri bir butona t\u0131klayarak \u00f6nbelle\u011fi temizlemeniz gerekebilir.<\/p>\n Open Graph protokol\u00fcn\u00fcn ger\u00e7ek d\u00fcnyadaki etkisini daha iyi anlamak i\u00e7in, bir e-ticaret sitesi senaryosunu ele alal\u0131m. “Moda R\u00fczgar\u0131” ad\u0131nda yeni bir online giyim ma\u011fazas\u0131, sosyal medya \u00fczerinden \u00fcr\u00fcnlerini tan\u0131tmak ve sat\u0131\u015flar\u0131n\u0131 art\u0131rmak istiyor. Ancak ilk ba\u015fta, \u00fcr\u00fcn ba\u011flant\u0131lar\u0131 Facebook veya Instagram’da payla\u015f\u0131ld\u0131\u011f\u0131nda, sadece \u00fcr\u00fcn ad\u0131n\u0131 ve bazen alakas\u0131z bir k\u00fc\u00e7\u00fck g\u00f6rseli g\u00f6steriyor. Bu durum, potansiyel m\u00fc\u015fterilerin dikkatini \u00e7ekmekte ve t\u0131klama oranlar\u0131n\u0131 y\u00fckseltmekte yetersiz kal\u0131yor.<\/p>\n Moda R\u00fczgar\u0131’n\u0131n web sitesi incelendi\u011finde, \u00fcr\u00fcn sayfalar\u0131nda ya hi\u00e7 Open Graph etiketi bulunmad\u0131\u011f\u0131 ya da yaln\u0131zca temel Moda R\u00fczgar\u0131, \u00fcr\u00fcn sayfalar\u0131 i\u00e7in kapsaml\u0131 bir Open Graph optimizasyonu yapmaya karar verdi. Her \u00fcr\u00fcn sayfas\u0131 i\u00e7in a\u015fa\u011f\u0131daki etiketler dinamik olarak olu\u015fturuldu ve \u00dcr\u00fcne \u00d6zel Etiketler:<\/strong> Bu optimizasyonlar\u0131n ard\u0131ndan, Moda R\u00fczgar\u0131’n\u0131n \u00fcr\u00fcn ba\u011flant\u0131lar\u0131 sosyal medyada \u00e7ok daha profesyonel ve \u00e7ekici g\u00f6r\u00fcnmeye ba\u015flad\u0131. Payla\u015f\u0131mlar, y\u00fcksek kaliteli \u00fcr\u00fcn g\u00f6rselleri, net ba\u015fl\u0131klar ve a\u00e7\u0131klay\u0131c\u0131 metinlerle zenginle\u015fti. Sonu\u00e7 olarak:<\/p>\n Bu vaka analizi, Open Graph protokol\u00fcn\u00fcn sadece teknik bir detay olmaktan \u00f6te, bir i\u015fletmenin dijital pazarlama stratejisinin ayr\u0131lmaz bir par\u00e7as\u0131 oldu\u011funu ve do\u011fru uyguland\u0131\u011f\u0131nda somut i\u015f sonu\u00e7lar\u0131 sa\u011flayabilece\u011fini a\u00e7\u0131k\u00e7a g\u00f6stermektedir.<\/p>\n Open Graph etiketlerinin temel kullan\u0131m\u0131n\u0131 anlad\u0131ktan sonra, payla\u015f\u0131mlar\u0131n\u0131z\u0131n etkisini daha da art\u0131rabilecek ileri d\u00fczey tekniklere ve en iyi uygulamalara g\u00f6z atal\u0131m. Bu ipu\u00e7lar\u0131, i\u00e7eri\u011finizin sosyal medya platformlar\u0131nda sadece g\u00f6r\u00fcnmesini de\u011fil, ayn\u0131 zamanda parlamas\u0131n\u0131 sa\u011flayacakt\u0131r.<\/p>\n Her sayfa i\u00e7in Open Graph etiketlerini manuel olarak yazmak pratik de\u011fildir, \u00f6zellikle b\u00fcy\u00fck web siteleri i\u00e7in. Bu nedenle, etiketleri dinamik olarak olu\u015fturmak en iyi y\u00f6ntemdir. Bir\u00e7ok modern web framework (yaz\u0131l\u0131m \u00e7er\u00e7evesi) ve CMS (i\u00e7erik y\u00f6netim sistemi), sayfa i\u00e7eri\u011fine (ba\u015fl\u0131k, a\u00e7\u0131klama, \u00f6ne \u00e7\u0131kan g\u00f6rsel vb.) g\u00f6re bu etiketleri otomatik olarak olu\u015fturma yetene\u011fine sahiptir. \u00d6rne\u011fin, bir blog yaz\u0131s\u0131 yay\u0131mlad\u0131\u011f\u0131n\u0131zda, ba\u015fl\u0131\u011f\u0131 Bazen tek bir g\u00f6rsel, i\u00e7eri\u011finizin t\u00fcm y\u00f6nlerini yans\u0131tmayabilir. Open Graph, birden fazla g\u00f6rsel belirtmenize olanak tan\u0131r. Ayr\u0131ca, g\u00f6rselleriniz hakk\u0131nda daha fazla bilgi sa\u011flamak i\u00e7in ek \u00f6zellikler kullanabilirsiniz:<\/p>\n Birden fazla g\u00f6rsel kullanmak i\u00e7in, her g\u00f6rsel i\u00e7in ayr\u0131 bir E\u011fer i\u00e7eri\u011finiz bir video veya ses dosyas\u0131ysa, Open Graph protokol\u00fc bu t\u00fcr medya i\u00e7in \u00f6zel etiketler sunar. \u00d6rne\u011fin, bir video i\u00e7in:<\/p>\n Benzer \u015fekilde, ses dosyalar\u0131 i\u00e7in Twitter, Open Graph protokol\u00fcne benzer \u015fekilde \u00e7al\u0131\u015fan kendi “Twitter Cards” sistemine sahiptir. Open Graph etiketlerini do\u011fru bir \u015fekilde uygulad\u0131\u011f\u0131n\u0131zda, Twitter genellikle bu bilgileri kullanarak bir Twitter Card olu\u015fturabilir. Ancak, Twitter’a \u00f6zel etiketler ( Open Graph etiketleri sosyal medya platformlar\u0131 i\u00e7in tasarlanm\u0131\u015f olsa da, yap\u0131land\u0131r\u0131lm\u0131\u015f veri (Schema.org) arama motorlar\u0131 i\u00e7in tasarlanm\u0131\u015ft\u0131r. Bu iki sistem birbirini tamamlayabilir. \u00d6rne\u011fin, bir \u00fcr\u00fcn sayfas\u0131 i\u00e7in hem Open Graph Bu ileri d\u00fczey ipu\u00e7lar\u0131n\u0131 uygulayarak ve yayg\u0131n hatalardan ka\u00e7\u0131narak, Open Graph protokol\u00fcn\u00fc kullanarak sosyal medya payla\u015f\u0131mlar\u0131n\u0131z\u0131n etkisini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir ve dijital pazarlama stratejinize de\u011fer katabilirsiniz.<\/p>\n G\u00fcn\u00fcm\u00fcz\u00fcn birbirine ba\u011fl\u0131 dijital d\u00fcnyas\u0131nda, i\u00e7eri\u011finizin sosyal medya platformlar\u0131nda nas\u0131l sunuldu\u011fu, kullan\u0131c\u0131 etkile\u015fimi, trafik ve marka alg\u0131s\u0131 \u00fczerinde do\u011frudan bir etkiye sahiptir. Open Graph protokol\u00fc, web sitenizin bu kritik alanda kontrol\u00fc ele almas\u0131n\u0131 sa\u011flayan g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Bu makalede, Open Graph etiketlerinin ne i\u015fe yarad\u0131\u011f\u0131n\u0131, nas\u0131l eklenece\u011fini, bir e-ticaret senaryosu \u00fczerinden ger\u00e7ek d\u00fcnya etkilerini ve ileri d\u00fczey kullan\u0131m ipu\u00e7lar\u0131n\u0131 detayl\u0131ca ele ald\u0131k.<\/p>\n \u00d6zetle, Open Graph etiketleri sayesinde web sayfan\u0131z\u0131n ba\u015fl\u0131\u011f\u0131n\u0131, a\u00e7\u0131klamas\u0131n\u0131, g\u00f6rselini ve hatta t\u00fcr\u00fcn\u00fc sosyal medya platformlar\u0131na spesifik olarak bildirebilirsiniz. Bu, payla\u015f\u0131mlar\u0131n\u0131z\u0131n daha \u00e7ekici, daha bilgilendirici ve dolay\u0131s\u0131yla daha t\u0131klanabilir olmas\u0131n\u0131 sa\u011flar. Do\u011fru yap\u0131land\u0131r\u0131lm\u0131\u015f Open Graph etiketleri, sadece estetik bir iyile\u015ftirme olman\u0131n \u00f6tesinde, markan\u0131z\u0131n \u00e7evrimi\u00e7i g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc art\u0131r\u0131r, hedef kitlenizle daha g\u00fc\u00e7l\u00fc ba\u011flar kurman\u0131za yard\u0131mc\u0131 olur ve nihayetinde dijital pazarlama hedeflerinize ula\u015fman\u0131zda kritik bir rol oynar.<\/p>\n Web sitenizin her sayfas\u0131nda Open Graph etiketlerini eksiksiz ve do\u011fru bir \u015fekilde uygulamak, dijital ayak izinizi g\u00fc\u00e7lendirmenin ve sosyal medya stratejinizi bir \u00fcst seviyeye ta\u015f\u0131man\u0131n anahtar\u0131d\u0131r. Unutmay\u0131n, her payla\u015f\u0131m, markan\u0131z\u0131n bir uzant\u0131s\u0131d\u0131r ve Open Graph, bu uzant\u0131n\u0131n her zaman en iyi \u015fekilde temsil edilmesini sa\u011flar. Bu nedenle, web geli\u015ftirme ve dijital pazarlama s\u00fcre\u00e7lerinizin ayr\u0131lmaz bir par\u00e7as\u0131 olarak Open Graph protokol\u00fcn\u00fc benimsemekten \u00e7ekinmeyin.<\/p>\n Open Graph etiketleri SEO’yu do\u011frudan etkiler mi?<\/strong><\/p>\n Open Graph etiketleri, arama motoru s\u0131ralamalar\u0131n\u0131 do\u011frudan etkilemez. Ancak, sosyal medya payla\u015f\u0131mlar\u0131n\u0131n daha \u00e7ekici ve t\u0131klanabilir olmas\u0131n\u0131 sa\u011flayarak sosyal medyadan gelen trafi\u011fi art\u0131r\u0131r. Artan trafik ve etkile\u015fim, dolayl\u0131 olarak SEO performans\u0131n\u0131za olumlu katk\u0131da bulunabilir.<\/p>\n<\/li>\n Hangi Open Graph etiketleri olmazsa olmazd\u0131r?<\/strong><\/p>\n Minimumda, her sayfa i\u00e7in G\u00f6rsel boyutlar\u0131 neden \u00f6nemlidir?<\/strong><\/p>\n Sosyal medya platformlar\u0131, payla\u015f\u0131lan g\u00f6rseller i\u00e7in belirli boyut ve oran beklentilerine sahiptir. \u00d6nerilen boyutlara (genellikle 1200×630 piksel) uygun g\u00f6rseller kullanmak, g\u00f6rselin k\u0131rp\u0131lmadan, bulan\u0131kla\u015fmadan veya orant\u0131s\u0131z g\u00f6r\u00fcnmeden en iyi \u015fekilde sergilenmesini sa\u011flar. Bu da kullan\u0131c\u0131 deneyimini ve t\u0131klama oranlar\u0131n\u0131 art\u0131r\u0131r.<\/p>\n<\/li>\n Twitter Cards ile Open Graph aras\u0131ndaki fark nedir?<\/strong><\/p>\n Twitter Cards, Twitter’a \u00f6zel olarak geli\u015ftirilmi\u015f bir meta veri sistemidir. Open Graph ise Facebook taraf\u0131ndan ba\u015flat\u0131lm\u0131\u015f olup bir\u00e7ok platform taraf\u0131ndan benimsenmi\u015ftir. Genellikle, Twitter Cards etiketleri Open Graph etiketleriyle benzerdir ve Open Graph etiketleri do\u011fru ayarland\u0131\u011f\u0131nda Twitter taraf\u0131ndan da kullan\u0131labilir. Ancak, Twitter’da daha spesifik kontrol ve daha zengin kart t\u00fcrleri i\u00e7in Twitter Cards etiketlerini ayr\u0131 ayr\u0131 kullanmak en iyi uygulamad\u0131r.<\/p>\n<\/li>\n Her sayfa i\u00e7in farkl\u0131 Open Graph etiketleri kullanmal\u0131 m\u0131y\u0131m?<\/strong><\/p>\n Evet, kesinlikle! Her sayfan\u0131n benzersiz i\u00e7eri\u011fini yans\u0131tacak \u015fekilde Open Graph etiketlerini \u00f6zelle\u015ftirmek \u00e7ok \u00f6nemlidir. Ana sayfa, blog yaz\u0131lar\u0131, \u00fcr\u00fcn sayfalar\u0131 veya ileti\u015fim sayfalar\u0131 gibi farkl\u0131 sayfa t\u00fcrleri i\u00e7in farkl\u0131 ba\u015fl\u0131klar, a\u00e7\u0131klamalar ve g\u00f6rseller kullanmal\u0131s\u0131n\u0131z. Bu, her bir payla\u015f\u0131m\u0131n o i\u00e7eri\u011fe \u00f6zel ve en alakal\u0131 \u015fekilde g\u00f6r\u00fcnmesini sa\u011flar.<\/p>\n<\/li>\n<\/ul>\n #OpenGraph #WebGeli\u015ftirme #SosyalMedyaSEO #DijitalPazarlama #MetaEtiketleri<\/p>\n<head><\/code> b\u00f6l\u00fcm\u00fcne eklenen bir dizi <meta><\/code> etiketi arac\u0131l\u0131\u011f\u0131yla \u00e7al\u0131\u015f\u0131r. Bu etiketler, sosyal medya platformlar\u0131na i\u00e7eri\u011finiz hakk\u0131nda spesifik bilgiler sa\u011flar. Her bir etiketin belirli bir amac\u0131 vard\u0131r ve do\u011fru kullan\u0131ld\u0131\u011f\u0131nda, payla\u015f\u0131mlar\u0131n\u0131z\u0131n etkileyicili\u011fini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131r\u0131r. \u0130\u015fte en temel ve s\u0131k kullan\u0131lan Open Graph \u00f6zellikleri ve ne i\u015fe yarad\u0131klar\u0131:<\/p>\n\n
og:title<\/code> (Ba\u015fl\u0131k):<\/strong> Bu etiket, i\u00e7eri\u011finizin sosyal medyada g\u00f6sterilecek ba\u015fl\u0131\u011f\u0131n\u0131 tan\u0131mlar. Web sayfan\u0131z\u0131n <title><\/code> etiketinden farkl\u0131 olabilir ve genellikle daha k\u0131sa, daha \u00e7ekici ve t\u0131klamaya te\u015fvik edici olmal\u0131d\u0131r. Maksimum 60-90 karakter aras\u0131nda tutmak, \u00e7o\u011fu platformda ba\u015fl\u0131\u011f\u0131n kesilmeden g\u00f6r\u00fcnmesini sa\u011flar. \u00d6rne\u011fin, bir blog yaz\u0131s\u0131 i\u00e7in “En \u0130yi 10 Yaz Tatili Destinasyonu” gibi bir ba\u015fl\u0131k ideal olabilir.<\/p>\n<\/li>\nog:type<\/code> (\u0130\u00e7erik T\u00fcr\u00fc):<\/strong> Payla\u015ft\u0131\u011f\u0131n\u0131z i\u00e7eri\u011fin t\u00fcr\u00fcn\u00fc belirtir. Bu, sosyal medya platformlar\u0131n\u0131n i\u00e7eri\u011fi daha iyi kategorize etmesine yard\u0131mc\u0131 olur ve bazen farkl\u0131 t\u00fcrler i\u00e7in farkl\u0131 g\u00f6r\u00fcnt\u00fcleme formatlar\u0131 sunabilir. En yayg\u0131n t\u00fcrler aras\u0131nda website<\/code> (genel web sitesi), article<\/code> (makale veya blog yaz\u0131s\u0131), video.movie<\/code> (film), video.episode<\/code> (dizi b\u00f6l\u00fcm\u00fc), product<\/code> (\u00fcr\u00fcn) ve book<\/code> (kitap) bulunur. Do\u011fru t\u00fcr\u00fc se\u00e7mek, i\u00e7eri\u011finizin ilgili kitleye ula\u015fmas\u0131nda \u00f6nemlidir.<\/p>\n<\/li>\nog:image<\/code> (G\u00f6rsel):<\/strong> Belki de Open Graph etiketlerinin en kritik olan\u0131d\u0131r. Bu etiket, payla\u015f\u0131lan ba\u011flant\u0131yla birlikte g\u00f6sterilecek g\u00f6rselin URL’sini belirtir. G\u00f6rselin boyutu ve oran\u0131, platformlar aras\u0131nda farkl\u0131l\u0131k g\u00f6sterebilir, ancak genellikle 1200×630 piksel boyutunda ve 1.91:1 en\/boy oran\u0131na sahip g\u00f6rseller en iyi performans\u0131 sergiler. Y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc, dikkat \u00e7ekici ve i\u00e7eri\u011finizle alakal\u0131 bir g\u00f6rsel se\u00e7mek, t\u0131klama oranlar\u0131n\u0131 do\u011frudan etkiler. G\u00f6rselin mutlak (absolute) URL’sini kullanmak \u00f6nemlidir.<\/p>\n<\/li>\nog:url<\/code> (Kanonik URL):<\/strong> Bu etiket, payla\u015f\u0131lan i\u00e7eri\u011fin kanonik (orijinal ve tercih edilen) URL’sini belirtir. Yani, i\u00e7eri\u011fin hangi URL \u00fczerinden payla\u015f\u0131ld\u0131\u011f\u0131n\u0131 ve referans al\u0131nd\u0131\u011f\u0131n\u0131 sosyal medya platformlar\u0131na bildirir. Bu, \u00f6zellikle ayn\u0131 i\u00e7eri\u011fin farkl\u0131 URL’ler alt\u0131nda eri\u015filebilir oldu\u011fu durumlarda (\u00f6rne\u011fin, izleme parametreleri i\u00e7eren URL’ler) \u00f6nemlidir. Do\u011fru og:url<\/code> kullan\u0131m\u0131, sosyal medya etkile\u015fimlerinin tek bir URL alt\u0131nda toplanmas\u0131na yard\u0131mc\u0131 olur ve analizlerinizi basitle\u015ftirir.<\/p>\n<\/li>\nog:description<\/code> (A\u00e7\u0131klama):<\/strong> \u0130\u00e7eri\u011finizin k\u0131sa bir \u00f6zetini sunar. Bu a\u00e7\u0131klama, ba\u015fl\u0131k ve g\u00f6rselle birlikte \u00f6nizlemede g\u00f6r\u00fcn\u00fcr ve kullan\u0131c\u0131lara i\u00e7eri\u011fin ne hakk\u0131nda oldu\u011fu hakk\u0131nda daha fazla bilgi verir. Genellikle 200-300 karakter aras\u0131nda tutulmas\u0131 \u00f6nerilir. Anahtar kelimeleri do\u011fal bir \u015fekilde i\u00e7eren, bilgilendirici ve ikna edici bir a\u00e7\u0131klama yazmak \u00f6nemlidir.<\/p>\n<\/li>\nog:site_name<\/code> (Site Ad\u0131):<\/strong> \u0130\u00e7eri\u011fin yay\u0131nland\u0131\u011f\u0131 web sitesinin ad\u0131n\u0131 belirtir. Bu, genellikle ba\u015fl\u0131\u011f\u0131n alt\u0131nda veya yan\u0131nda g\u00f6r\u00fcn\u00fcr ve markan\u0131z\u0131n bilinirli\u011fini art\u0131r\u0131r.<\/p>\n<\/li>\nog:locale<\/code> (Dil ve B\u00f6lge):<\/strong> \u0130\u00e7eri\u011fin dilini ve iste\u011fe ba\u011fl\u0131 olarak b\u00f6lgesini belirtir. \u00d6rne\u011fin, T\u00fcrk\u00e7e i\u00e7erik i\u00e7in tr_TR<\/code> kullan\u0131labilir. Bu, i\u00e7eri\u011fin hedef kitleye daha do\u011fru bir \u015fekilde sunulmas\u0131na yard\u0131mc\u0131 olabilir.<\/p>\n<\/li>\n<\/ul>\nog:price:amount<\/code> ve og:price:currency<\/code> gibi etiketler kullan\u0131labilir. Her etiketin do\u011fru ve eksiksiz bir \u015fekilde doldurulmas\u0131, sosyal medya payla\u015f\u0131mlar\u0131n\u0131z\u0131n maksimum etkiyi yaratmas\u0131n\u0131 sa\u011flar.<\/p>\nUygulamal\u0131 K\u0131s\u0131m: Open Graph Meta Etiketleri Nas\u0131l Eklenir?<\/h2>\n
<head><\/code> b\u00f6l\u00fcm\u00fcne yerle\u015ftirilir. \u0130\u015fte ad\u0131m ad\u0131m nas\u0131l yapaca\u011f\u0131n\u0131z ve dikkat etmeniz gerekenler:<\/p>\nAd\u0131m 1: HTML Belgenizin
<head><\/code> B\u00f6l\u00fcm\u00fcne Eri\u015fin<\/h3>\n<head><\/code> etiketleri aras\u0131na eklenir. E\u011fer statik bir HTML siteniz varsa, do\u011frudan dosyan\u0131z\u0131 d\u00fczenleyebilirsiniz. Bir i\u00e7erik y\u00f6netim sistemi (CMS) kullan\u0131yorsan\u0131z (WordPress, Joomla, vb.), bu etiketleri eklemek i\u00e7in genellikle temalar\u0131n\u0131z\u0131n veya eklentilerinizin ayarlar\u0131n\u0131 kullanman\u0131z gerekir.<\/p>\nAd\u0131m 2: Temel Open Graph Etiketlerini Ekleyin<\/h3>\n
\n
og:title<\/code><\/li>\nog:type<\/code><\/li>\nog:image<\/code><\/li>\nog:url<\/code><\/li>\n<\/ul>\n<head><\/code> b\u00f6l\u00fcm\u00fcne a\u015fa\u011f\u0131daki gibi ekleyebilirsiniz:<\/p>\n<meta><\/code> etiketi, property<\/code> niteli\u011fi ile Open Graph \u00f6zelli\u011fini ve content<\/code> niteli\u011fi ile de bu \u00f6zelli\u011fin de\u011ferini belirtir. Bu de\u011ferlerin her sayfan\u0131n i\u00e7eri\u011fine \u00f6zel olarak dinamik bir \u015fekilde olu\u015fturulmas\u0131 gerekti\u011fini unutmay\u0131n.<\/p>\nAd\u0131m 3: Di\u011fer \u0130lgili Etiketleri Ekleyin (\u0130ste\u011fe Ba\u011fl\u0131 ama \u00d6nemli)<\/h3>\n
og:video<\/code>, bir \u00fcr\u00fcn sayfas\u0131 i\u00e7in og:price:amount<\/code> gibi etiketler kullan\u0131labilir. Ayr\u0131ca, Twitter \u00f6zelinde daha iyi performans i\u00e7in Twitter Cards etiketlerini de eklemek faydal\u0131 olacakt\u0131r; bunlar Open Graph etiketleriyle benzerdir ve genellikle birlikte kullan\u0131l\u0131r.<\/p>\nAd\u0131m 4: \u0130\u00e7erik Y\u00f6netim Sistemleri (CMS) ile Entegrasyon<\/h3>\n
Ad\u0131m 5: Do\u011frulama ve Test Etme<\/h3>\n
\n
Vaka Analizi: Bir E-Ticaret Sitesi \u0130\u00e7in Open Graph Optimizasyonu<\/h2>\n
Sorun Tespiti: Eksik ve Yanl\u0131\u015f Open Graph Yap\u0131land\u0131rmas\u0131<\/h3>\n
og:title<\/code> ve og:url<\/code> etiketlerinin oldu\u011fu fark edildi. \u00d6zellikle og:image<\/code> etiketinin olmamas\u0131 veya yanl\u0131\u015f bir g\u00f6rseli i\u015faret etmesi, payla\u015f\u0131mlar\u0131n g\u00f6rsel olarak \u00e7ekici olmamas\u0131na neden oluyordu. Ayr\u0131ca, \u00fcr\u00fcnlere \u00f6zel fiyat, stok durumu gibi bilgiler de sosyal medyada g\u00f6r\u00fcnm\u00fcyordu.<\/p>\n\u00c7\u00f6z\u00fcm: Kapsaml\u0131 Open Graph Optimizasyonu<\/h3>\n
<head><\/code> b\u00f6l\u00fcm\u00fcne eklendi:<\/p>\n\n
og:title<\/code>:<\/strong> \u00dcr\u00fcn ad\u0131 ve markas\u0131 birle\u015ftirilerek daha \u00e7ekici ba\u015fl\u0131klar olu\u015fturuldu. \u00d6rne\u011fin, “\u015e\u0131k Midi Elbise – Moda R\u00fczgar\u0131 Koleksiyonu”.<\/p>\n<\/li>\nog:type<\/code>:<\/strong> T\u00fcm \u00fcr\u00fcn sayfalar\u0131 i\u00e7in product<\/code> olarak belirlendi. Bu, sosyal medya platformlar\u0131n\u0131n i\u00e7eri\u011fi bir \u00fcr\u00fcn olarak tan\u0131mas\u0131n\u0131 sa\u011flad\u0131.<\/p>\n<\/li>\nog:url<\/code>:<\/strong> \u00dcr\u00fcn\u00fcn kanonik URL’si kullan\u0131ld\u0131. Bu, ayn\u0131 \u00fcr\u00fcn\u00fcn farkl\u0131 renk veya beden se\u00e7enekleri olsa bile ana \u00fcr\u00fcn sayfas\u0131n\u0131n referans al\u0131nmas\u0131n\u0131 sa\u011flad\u0131.<\/p>\n<\/li>\nog:image<\/code>:<\/strong> Her \u00fcr\u00fcn i\u00e7in en kaliteli ve en \u00e7ekici ana \u00fcr\u00fcn g\u00f6rseli se\u00e7ildi. G\u00f6rsel boyutu 1200×630 piksel olarak optimize edildi ve \u00fcr\u00fcn\u00fcn en iyi a\u00e7\u0131s\u0131n\u0131 g\u00f6sterdi\u011finden emin olundu.<\/p>\n<\/li>\nog:description<\/code>:<\/strong> \u00dcr\u00fcn\u00fcn k\u0131sa bir a\u00e7\u0131klamas\u0131, \u00f6ne \u00e7\u0131kan \u00f6zellikleri ve bir \u00e7a\u011fr\u0131 (call to action) i\u00e7eren metinler haz\u0131rland\u0131. \u00d6rne\u011fin, “Yaz ak\u015famlar\u0131n\u0131n vazge\u00e7ilmezi! K\u0131rm\u0131z\u0131 midi elbisemizle \u015f\u0131kl\u0131\u011f\u0131 yakalay\u0131n. Hemen ke\u015ffedin!”<\/p>\n<\/li>\nog:site_name<\/code>:<\/strong> “Moda R\u00fczgar\u0131” olarak belirlendi.<\/p>\n<\/li>\nproduct<\/code> t\u00fcr\u00fc i\u00e7in \u00f6zel olan etiketler de eklendi:<\/p>\n\n
og:price:amount<\/code>: \u00dcr\u00fcn\u00fcn fiyat\u0131 (\u00f6rne\u011fin, 499.99<\/code>).<\/li>\nog:price:currency<\/code>: Para birimi (\u00f6rne\u011fin, TL<\/code>).<\/li>\nog:availability<\/code>: Stok durumu (\u00f6rne\u011fin, in stock<\/code>).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nSonu\u00e7lar: Artan Etkile\u015fim ve Sat\u0131\u015flar<\/h3>\n
\n
\u0130leri D\u00fczey Kullan\u0131m ve En \u0130yi Uygulamalar: Daha Etkili Payla\u015f\u0131mlar \u0130\u00e7in \u0130pu\u00e7lar\u0131<\/h2>\n
Dinamik Open Graph Etiketleri<\/h3>\n
og:title<\/code>‘a, ilk paragraf\u0131 og:description<\/code>‘a ve \u00f6ne \u00e7\u0131kan g\u00f6rseli og:image<\/code>‘a otomatik olarak atayan bir yap\u0131 kurabilirsiniz. Bu, tutarl\u0131l\u0131\u011f\u0131 sa\u011flar ve manuel hata riskini azalt\u0131r.<\/p>\nBirden Fazla G\u00f6rsel Kullan\u0131m\u0131 ve Detayland\u0131rma<\/h3>\n
\n
og:image:alt<\/code>:<\/strong> G\u00f6rselin alternatif metni. Eri\u015filebilirlik i\u00e7in \u00f6nemlidir ve g\u00f6rsel y\u00fcklenemedi\u011finde veya g\u00f6rme engelli kullan\u0131c\u0131lar i\u00e7in g\u00f6rseli tan\u0131mlar.<\/p>\n<\/li>\nog:image:width<\/code> ve og:image:height<\/code>:<\/strong> G\u00f6rselin piksel cinsinden geni\u015fli\u011fini ve y\u00fcksekli\u011fini belirtir. Bu, sosyal medya platformlar\u0131n\u0131n g\u00f6rseli daha h\u0131zl\u0131 i\u015flemesine ve do\u011fru oranda g\u00f6stermesine yard\u0131mc\u0131 olabilir.<\/p>\n<\/li>\n<\/ul>\nog:image<\/code> etiketi eklemeniz yeterlidir. Platformlar genellikle ilk g\u00f6rseli ana g\u00f6rsel olarak kullan\u0131r, ancak baz\u0131lar\u0131 bir g\u00f6rsel galerisi sunabilir.<\/p>\nVideo ve Ses \u0130\u00e7erikleri \u0130\u00e7in \u00d6zelle\u015ftirme<\/h3>\n
\n
og:video<\/code>: Video dosyas\u0131n\u0131n URL’si.<\/li>\nog:video:secure_url<\/code>: HTTPS \u00fczerinden video URL’si.<\/li>\nog:video:type<\/code>: Video dosyas\u0131n\u0131n MIME t\u00fcr\u00fc (\u00f6rne\u011fin, video\/mp4<\/code>).<\/li>\nog:video:width<\/code> ve og:video:height<\/code>: Videonun boyutlar\u0131.<\/li>\n<\/ul>\nog:audio<\/code> etiketleri mevcuttur. Bu etiketler, medya i\u00e7eri\u011finizin sosyal medyada do\u011fru \u015fekilde oynat\u0131lmas\u0131n\u0131 ve \u00f6nizlenmesini sa\u011flar.<\/p>\nTwitter Cards ile Entegrasyon<\/h3>\n
twitter:card<\/code>, twitter:site<\/code>, twitter:creator<\/code> vb.) eklemek, Twitter’daki payla\u015f\u0131mlar\u0131n\u0131z \u00fczerinde daha fazla kontrol sa\u011flar ve daha zengin kart t\u00fcrleri (\u00f6rne\u011fin, summary_large_image<\/code>) kullanman\u0131za olanak tan\u0131r. Genellikle, hem Open Graph hem de Twitter Cards etiketlerini birlikte kullanmak en iyi uygulamad\u0131r.<\/p>\nYap\u0131land\u0131r\u0131lm\u0131\u015f Veri (Schema.org) ile Sinerji<\/h3>\n
og:product<\/code> etiketlerini hem de Schema.org’daki Product<\/code> \u015femas\u0131n\u0131 kullanmak, i\u00e7eri\u011finizin hem sosyal medyada hem de arama motoru sonu\u00e7lar\u0131nda (zengin snippet’ler arac\u0131l\u0131\u011f\u0131yla) daha iyi g\u00f6r\u00fcnmesini sa\u011flar. Bu iki teknolojiyi birlikte kullanmak, dijital g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fcz\u00fc maksimize etmenin g\u00fc\u00e7l\u00fc bir yoludur.<\/p>\nYayg\u0131n Hatalardan Ka\u00e7\u0131nma<\/h3>\n
\n
og:url<\/code> ve og:image<\/code> etiketlerinde mutlak (absolute) URL’ler kulland\u0131\u011f\u0131n\u0131zdan emin olun. G\u00f6receli (relative) URL’ler \u00e7al\u0131\u015fmayacakt\u0131r.<\/li>\n<title><\/code> etiketi ile og:title<\/code> veya meta description<\/code> ile og:description<\/code> aras\u0131nda tutars\u0131zl\u0131klar olmamas\u0131na dikkat edin. Genel olarak, Open Graph etiketleri sosyal medya i\u00e7in \u00f6zel olarak optimize edilmi\u015f daha \u00e7ekici versiyonlar olabilir, ancak ana tema ayn\u0131 kalmal\u0131d\u0131r.<\/li>\n<\/ul>\nSonu\u00e7: Open Graph Protokol\u00fc ile Dijital Ayak \u0130zinizi G\u00fc\u00e7lendirin<\/h2>\n
S\u0131k\u00e7a Sorulan Sorular<\/h3>\n
\n
og:title<\/code>, og:type<\/code>, og:image<\/code> ve og:url<\/code> etiketlerinin kullan\u0131lmas\u0131 \u015fiddetle tavsiye edilir. Bu d\u00f6rt etiket, sosyal medya platformlar\u0131n\u0131n i\u00e7eri\u011finizin temel bir \u00f6nizlemesini olu\u015fturmas\u0131 i\u00e7in yeterlidir.<\/p>\n<\/li>\n