{"id":24872,"date":"2015-03-09T00:00:00","date_gmt":"2015-03-09T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/easier-website-development-with-web-components-and-json-ld\/"},"modified":"2015-03-09T00:00:00","modified_gmt":"2015-03-09T00:00:00","slug":"easier-website-development-with-web-components-and-json-ld","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/easier-website-development-with-web-components-and-json-ld\/","title":{"rendered":"Web Components ve JSON-LD ile daha kolay web sitesi geli\u015ftirme"},"content":{"rendered":"

09 Mart 2015, Pazartesi<\/p>\n

\n JSON-LD<\/a>, sitenizdeki i\u00e7eri\u011fi Google ve di\u011fer arama motorlar\u0131na tan\u0131mlayan
\n yap\u0131land\u0131r\u0131lm\u0131\u015f verileri<\/a>
\n uygulamak i\u00e7in kullan\u0131lan JSON tabanl\u0131 bir veri format\u0131d\u0131r. \u00d6rne\u011fin; etkinlikler, kafeler, ki\u015filer veya daha fazlas\u0131ndan olu\u015fan bir listeniz varsa, bu verileri web sayfalar\u0131na JSON-LD snippet’i olarak g\u00f6m\u00fcl\u00fc schema.org<\/a> s\u00f6zl\u00fc\u011f\u00fcn\u00fc kullanarak yap\u0131land\u0131r\u0131lm\u0131\u015f bir \u015fekilde ekleyebilirsiniz. Yap\u0131land\u0131r\u0131lm\u0131\u015f veriler, Google’\u0131n sayfalar\u0131n\u0131z\u0131 daha iyi anlamas\u0131na ve i\u00e7eri\u011finizi
\n Bilgi Grafi\u011findeki etkinlikler<\/a>
\n ve
\n zengin snippet’ler<\/a>
\n gibi arama \u00f6zelliklerinde \u00f6ne \u00e7\u0131karmas\u0131na yard\u0131mc\u0131 olur.\n<\/p>\n

\n Web Components<\/a>, \u00f6zel ve yeniden kullan\u0131labilir kullan\u0131c\u0131 aray\u00fcz\u00fc bile\u015fenleri ile bunlar\u0131n davran\u0131\u015flar\u0131n\u0131 tan\u0131mlamaya yarayan yeni nesil bir teknoloji setidir. Herhangi bir web geli\u015ftiricisi bir Web Component olu\u015fturabilir. S\u00fcre\u00e7, kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fcn belirli bir par\u00e7as\u0131 i\u00e7in bir
\n \u015fablon<\/a>
\n tan\u0131mlayarak ba\u015flar ve ard\u0131ndan bunu Web Component’i kullanmak istedi\u011finiz
\n sayfalara i\u00e7e aktar\u0131rs\u0131n\u0131z<\/a>.
\n Web Component’in davran\u0131\u015f\u0131n\u0131 tan\u0131mlamak i\u00e7in ise bir
\n Custom Element<\/a>
\n kullan\u0131l\u0131r. Kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fcn bir par\u00e7as\u0131 i\u00e7in hem g\u00f6r\u00fcn\u00fcm\u00fc hem de mant\u0131\u011f\u0131 tek bir Web Component i\u00e7inde paketledi\u011finizden, bu paketi di\u011fer sayfalarda ve di\u011fer geli\u015ftiricilerle payla\u015fabilir, b\u00f6ylece web geli\u015ftirme s\u00fcrecini basitle\u015ftirebilirsiniz.\n<\/p>\n

\n JSON-LD ve Web Components birbiriyle m\u00fckemmel uyum i\u00e7inde \u00e7al\u0131\u015f\u0131r. Custom Element sunum katman\u0131 olarak i\u015flev g\u00f6r\u00fcrken, JSON-LD ise hem Custom Element’in hem de arama motorlar\u0131n\u0131n t\u00fcketti\u011fi veri katman\u0131 olarak g\u00f6rev yapar. Bu,
\n Event<\/code><\/a> ve
\n LocalBusiness<\/code><\/a>
\n gibi herhangi bir schema.org t\u00fcr\u00fc i\u00e7in \u00f6zel \u00f6\u011feler olu\u015fturabilece\u011finiz anlam\u0131na gelir.\n<\/p>\n

\n Mimariniz bu durumda \u015fu \u015fekilde g\u00f6r\u00fcnecektir: Yap\u0131land\u0131r\u0131lm\u0131\u015f verileriniz veritaban\u0131n\u0131zda saklan\u0131r (\u00f6rne\u011fin, zincir ma\u011fazalar\u0131n\u0131z\u0131n konumlar\u0131). Bu veriler, web sayfan\u0131za bir JSON-LD snippet’i olarak g\u00f6m\u00fcl\u00fcr; bu da verinin hem insan ziyaret\u00e7ilere g\u00f6stermek \u00fczere Custom Element taraf\u0131ndan t\u00fcketilebilece\u011fi hem de Googlebot taraf\u0131ndan dizine eklenmek \u00fczere al\u0131nabilece\u011fi anlam\u0131na gelir.\n<\/p>\n

Daha fazla bilgi edinmek ve kendi \u00f6zel \u00f6\u011felerinizi olu\u015fturmaya ba\u015flamak i\u00e7in l\u00fctfen \u015funlara g\u00f6z at\u0131n:<\/p>\n