Asp.Net Kod ile Og Meta Etiketi Ekleme


Twitter'da Paylaş Favorilerime Ekle

Dinamik Olarak og Meta Etiketleri Eklemek

Başlarken: Open Graph meta etiketlerinin ne işe yaradıklarını şu sayfamızda bulabilirsiniz.

İçeriği sabit olan web sayfalarında twitter veya facebook og meta etiketlerini kullanmak çok kolaydır. Ancak içeriği kullanıcıdan gelen isteğe göre değişen web sayfalarında og etiketlerinin de her seferinde farklı olması istenecektir.

Örneğin bu sayfayı inceleyecek olursak, adres çubuğunda bu sayfanın ders.aspx olduğunu göreceksiniz. Hangi derse tıklarsanız tıklayın sayfa yine ders.aspx iken, içeriği değişmektedir. Kullanıcıdan gelen isteğe göre veritabanından bilgiler alınıp sayfa içeriği oluşturulmaktadır.

İşte bunun gibi veritabanı kullanılan dinamik web sayfalarında, og meta etiketlerimizin de konuya göre düzenlenmesi gerekecektir.

Asp.Net ile meta etiketi oluşturup sayfaya eklemek gayet kolaydır. Bu meta etiketleri og (Open Graph) meta etiketleri de olabilir.

Asp.Net Kod ile Meta Etiketi Ekleme

Aşağıdaki kod satırlarında xyz bir değişkendir. Bu değişkene veritabanından ya da başka yerden alınarak atanacak bilgi, meta etiketleri ile sayfaya eklenmiş olacaktır.

Kod ile Description ve Keywords Ekleme

Meta etiketlerinin description ve keywords parametrelerinin kod ile oluşturulması ve içeriklerinin belirlenmesi şu şekilde yapılabilir:

HtmlMeta metaDesc = new HtmlMeta();

metaDesc.Name = "DESCRIPTION";

metaDesc.Content = xyz;

Header.Controls.Add(metaDesc);

 

HtmlMeta metaKeys = new HtmlMeta();

metaKeys.Name = "KEYWORDS";

metaKeys.Content = xyz;

Header.Controls.Add(metaKeys);

Kod ile Title Ekleme

Sayfaya otomatik olarak title etiketi ekleme:

Page.Header.Title = xyz;

Kod ile Facebook Og Meta Etiketleri Ekleme

Facebook etiketlerinin oluşturulması ve sayfaya eklenmesi:

HtmlMeta tag1 = new HtmlMeta();

tag1.Attributes.Add("property", "og:title");

tag1.Content = xyz;

Page.Header.Controls.Add(tag1);

 

HtmlMeta tag2 = new HtmlMeta();

tag2.Attributes.Add("property", "og:description");

tag2.Content = xyz;

Page.Header.Controls.Add(tag2);

 

HtmlMeta tag3 = new HtmlMeta();

tag3.Attributes.Add("property", "og:url");

tag3.Content = xyz;

Page.Header.Controls.Add(tag3);

 

HtmlMeta tagimg = new HtmlMeta();

tagimg.Attributes.Add("property", "og:image");

string resimAdres = "http://www.btdersleri.com/"+klasorIsmi + "/" + resimAdi;

tagimg.Content = resimAdres;

Page.Header.Controls.Add(tagimg);

 

Kod ile Twitter Etiketleri Ekleme

Twitter etiketlerinin oluşturulması ve sayfaya eklenmesi:

HtmlMeta ttag = new HtmlMeta();

ttag.Name= "twitter:title";

ttag.Content = xyz;

Page.Header.Controls.Add(ttag);

 

HtmlMeta ttag1 = new HtmlMeta();

ttag1.Name= "twitter:description";

ttag1.Content = xyz;

Page.Header.Controls.Add(ttag1);

 

HtmlMeta ttagurl = new HtmlMeta();

ttagurl.Name= "twitter:url";

ttagurl.Content = xyz;

Page.Header.Controls.Add(ttagurl);

 

HtmlMeta ttagimg = new HtmlMeta();

ttagimg.Name= "twitter:image";

string resimAdres = "http://www.btdersleri.com/"+klasorIsmi + "/" + resimAdi;

ttagimg.Content = resimAdres;

Page.Header.Controls.Add(ttagimg);

 

Kod ile Html Link Etiketi Ekleme

Link etiketi ve image_src parametresi de sayfayla ilgili resmin url’sini bildirmek için kullanılabilir. Link etiketini de kod ile eklemekte fayda olacaktır.

HtmlLink link1 = new HtmlLink();

link1.Attributes["rel"] = "image_src";

string resimAdres = "http://www.btdersleri.com/"+klasorIsmi + "/" + resimAdi;

link1.Href = resimAdres;

Page.Header.Controls.Add(link1);

 

Aşağıdaki örnekte ise kod ile dinamik olarak sayfa yönlendirmesinin nasıl yapılacağı görülmektedir. Link etiketi ve alternate parametresi sayesinde yönlendirmenin yapılacağı url bildirilmiş olur.

HtmlLink link2 = new HtmlLink();

link2.Attributes["rel"] = "alternate";

link2.Attributes["media"] = "only screen and (max-width: 800px)";

link2.Href = "http://m.btdersleri.com/ders.aspx?konu=" + gelenKonuNo ;

Page.Header.Controls.Add(link2);

Asp.Net Kod ile Og Meta Etiketi Ekleme, Dinamik Olarak og Meta Etiketleri, Asp.Net Kod ile Meta Etiketi Ekleme, Kod ile Title Ekleme

KONU İLE İLGİLİ ÖRNEKLER