{"id":23982,"date":"2008-05-09T00:00:00","date_gmt":"2008-05-09T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/design-patterns-for-accessible-crawlable-and-indexable-content\/"},"modified":"2008-05-09T00:00:00","modified_gmt":"2008-05-09T00:00:00","slug":"design-patterns-for-accessible-crawlable-and-indexable-content","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/design-patterns-for-accessible-crawlable-and-indexable-content\/","title":{"rendered":"Eri\u015filebilir, taranabilir ve indekslenebilir i\u00e7erik i\u00e7in tasar\u0131m desenleri"},"content":{"rendered":"

09 May\u0131s 2008, Cuma<\/p>\n

\n Eri\u015filebilirlik \u00fczerine yazd\u0131\u011f\u0131m
\n \u00f6nceki yaz\u0131lar\u0131m\u0131n<\/a>
\n devam\u0131 niteli\u011findeki bu yaz\u0131da, i\u00e7eri\u011finizin hem m\u00fcmk\u00fcn olan en geni\u015f kitle taraf\u0131ndan kullan\u0131labilir kalmas\u0131n\u0131 sa\u011flayan hem de taran\u0131p indekslenmesine yard\u0131mc\u0131 olan tasar\u0131m \u00f6nerilerini payla\u015f\u0131yorum.\n<\/p>\n

Gereksiz XMLHttpRequest<\/code> \u00e7a\u011fr\u0131lar\u0131ndan ka\u00e7\u0131n\u0131n<\/h2>\n

\n Kullan\u0131c\u0131lar\u0131n bilgi aramas\u0131na olanak tan\u0131yan sayfalar, genellikle sayfa y\u00fcklendikten sonra ek bilgilerle doldurmak i\u00e7in XMLHttpRequest<\/code> \u00e7a\u011fr\u0131lar\u0131n\u0131 kullan\u0131r. Bu y\u00f6ntemi kullan\u0131rken, ilk sayfan\u0131z\u0131n faydal\u0131 bilgiler i\u00e7erdi\u011finden emin olun; aksi takdirde Googlebot ve taray\u0131c\u0131lar\u0131nda betikleri devre d\u0131\u015f\u0131 b\u0131rakm\u0131\u015f kullan\u0131c\u0131lar, sitenizin yaln\u0131zca “y\u00fckleniyor…” mesaj\u0131ndan ibaret oldu\u011funu d\u00fc\u015f\u00fcnebilir.\n<\/p>\n

CSS sprites ve navigasyon ba\u011flant\u0131lar\u0131<\/h2>\n

\n Navigasyon ba\u011flant\u0131lar\u0131na e\u015flik eden anlaml\u0131 metinlere sahip olmak, hem Googlebot hem de g\u00f6rseli alg\u0131layamayan kullan\u0131c\u0131lar i\u00e7in ayn\u0131 derecede \u00f6nemlidir. Sitenizdeki navigasyon ba\u011flant\u0131lar\u0131n\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc tasarlarken, \u00f6rne\u011fin <a><\/code> \u00f6\u011feleri i\u00e7ine <img \/><\/code> etiketleri yerle\u015ftirerek ba\u011flant\u0131 i\u015flevi g\u00f6ren g\u00f6rseller kullanmay\u0131 tercih etmi\u015f olabilirsiniz. Bu tasar\u0131m, a\u00e7\u0131klay\u0131c\u0131 metni <img \/><\/code> etiketi \u00fczerinde bir
\n alt niteli\u011fi<\/a>
\n olarak yerle\u015ftirmenize olanak tan\u0131r.\n<\/p>\n

\n Peki ya sayfa y\u00fcklemeyi optimize etmek i\u00e7in
\n CSS sprites<\/span><\/a>
\n kullan\u0131m\u0131na ge\u00e7tiyseniz? CSS sprites uygularken de o \u00e7ok \u00f6nemli a\u00e7\u0131klay\u0131c\u0131 metni dahil etmek hala m\u00fcmk\u00fcnd\u00fcr; olas\u0131 bir \u00e7\u00f6z\u00fcm i\u00e7in Google logosunun ve Google Sonu\u00e7lar sayfas\u0131n\u0131n alt\u0131ndaki \u00e7e\u015fitli navigasyon ba\u011flant\u0131lar\u0131n\u0131n nas\u0131l kodland\u0131\u011f\u0131na bak\u0131n. K\u0131sacas\u0131, a\u00e7\u0131klay\u0131c\u0131 metni CSS-sprited g\u00f6rselin hemen alt\u0131na yerle\u015ftirdik.\n<\/p>\n

\"CSS<\/p>\n

\"CSS<\/p>\n

G\u00f6ze batmayan (unobtrusive) JavaScript kullan\u0131n<\/h2>\n

\n Zengin ve etkile\u015fimli bir site olu\u015ftururken
\n kademeli iyile\u015ftirme (progressive enhancement)<\/a>
\n kavram\u0131ndan bahsetmi\u015ftik. \u00d6zellikler eklerken, JavaScript destekli web sayfalar\u0131n\u0131 zarif bir \u015fekilde geriye d\u00f6n\u00fck uyumlu hale getirmek i\u00e7in
\n g\u00f6ze batmayan JavaScript<\/span><\/a>
\n tekniklerini kullan\u0131n. Bu teknikler, Web 2.0 uygulamalar\u0131n\u0131n daha etkile\u015fimli \u00f6zelliklerinden \u00f6d\u00fcn vermeden i\u00e7eri\u011finizin m\u00fcmk\u00fcn olan en geni\u015f kullan\u0131c\u0131 kitlesi taraf\u0131ndan eri\u015filebilir kalmas\u0131n\u0131 sa\u011flar.\n<\/p>\n

Yaz\u0131c\u0131 dostu s\u00fcr\u00fcmleri kolayca eri\u015filebilir k\u0131l\u0131n<\/h2>\n

\n Olduk\u00e7a etkile\u015fimli g\u00f6rsel tasar\u0131mlara sahip web siteleri, genellikle belirli bir hikayeye ait t\u00fcm i\u00e7eri\u011fi yaz\u0131c\u0131 dostu<\/i> bir s\u00fcr\u00fcm olarak sunar. Etkile\u015fimli s\u00fcr\u00fcmle ayn\u0131 i\u00e7erikten olu\u015fturulan bu sayfalar, hem Googlebot hem de bir web sitesinin t\u00fcm etkile\u015fimli \u00f6zelliklerini deneyimleyemeyen g\u00f6rme engelli kullan\u0131c\u0131lar i\u00e7in m\u00fckemmel bir y\u00fcksek kaliteli i\u00e7erik kayna\u011f\u0131d\u0131r. Ancak bu yaz\u0131c\u0131 dostu s\u00fcr\u00fcmler, \u00e7ok s\u0131k bir \u015fekilde \u015fu formdaki betikli ba\u011flant\u0131lar\u0131n arkas\u0131nda gizli kal\u0131r:\n<\/p>\n

<\/div>\n

\n Bu yaz\u0131c\u0131 dostu s\u00fcr\u00fcmler i\u00e7in ger\u00e7ek URL’ler olu\u015fturmak ve bunlara d\u00fcz HTML ba\u011flant\u0131lar\u0131yla (anchor) y\u00f6nlendirme yapmak, taranan i\u00e7eri\u011fin kalitesini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde art\u0131racakt\u0131r.\n<\/p>\n

<\/div>\n

\n E\u011fer etkile\u015fimli ve yaz\u0131c\u0131 dostu s\u00fcr\u00fcmlerden kaynaklanan
\n yinelenen i\u00e7erik<\/a>
\n konusunda endi\u015feliyseniz, i\u00e7eri\u011fin tercih edilen bir s\u00fcr\u00fcm\u00fcn\u00fc se\u00e7ebilir, tercih edilen URL’yi i\u00e7eren bir Site Haritas\u0131 g\u00f6nderebilir ve bu s\u00fcr\u00fcme dahili olarak ba\u011flant\u0131 vermeye \u00e7al\u0131\u015fabilirsiniz. Makalenin farkl\u0131 URL’lerde g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc tespit etti\u011fimizde, bu durum Google’\u0131n i\u00e7eri\u011fi ay\u0131rt etmesine yard\u0131mc\u0131 olabilir.\n<\/p>\n

Faydal\u0131 i\u00e7eri\u011finiz i\u00e7in URL’ler olu\u015fturun<\/h2>\n

\n Bir web y\u00f6neticisi olarak, yay\u0131nlad\u0131\u011f\u0131n\u0131z t\u00fcm faydal\u0131 i\u00e7erikler i\u00e7in URL’ler olu\u015fturma<\/i> g\u00fcc\u00fcne sahipsiniz. Bu g\u00fcc\u00fc kullanmak, web’in d\u00f6nmesini sa\u011flayan \u015feydir. Yay\u0131nlad\u0131\u011f\u0131n\u0131z her de\u011ferli bilgi par\u00e7as\u0131 i\u00e7in URL’ler olu\u015fturmak ve bunlara eski usul d\u00fcz HTML k\u00f6pr\u00fcleri ile ba\u011flant\u0131 vermek \u015funlar\u0131 sa\u011flar:\n<\/p>\n