Çözüldü Site önizlemesi nasıl eklenir?

  • Konuyu başlatan Konuyu başlatan ÜçyüzGoneBeş
  • Başlangıç Tarihi Başlangıç Tarihi
  • Mesaj Mesaj 10
  • Görüntüleme Görüntüleme 513
  • Etiketler Etiketler
    site
Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Ü

ÜçyüzGoneBeş

Ziyaretçi
Selam, örnek olarak Discord'da bir sitenin bağlantısını attığımızda, altında embed şeklinde o sitenin bilgilerini içeren bir kutucuk oluyor. Örnek olarak Techolay'ın böyle gözüküyor;



Ancak, iş kendi siteme geldiğinde sadece bağlantı var.



Bunu nasıl Techolay'ın olduğu gibi düzenleyebilirim? Web'de bu durumu nasıl araştıracağımı bilmediğim için pek sonuca varabildiğim söylenemez.
 
Son düzenleyen: Moderatör:
Çözüm
Y
Meta tagler ile

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com

<meta>: The metadata element - HTML: HyperText Markup Language | MDN

The <meta> HTML element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.
developer.mozilla.org

Burada deneyebilirsin:

Meta Tags — Preview, Edit and Generate

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
metatags.io

Bunlar da benim platformumdan örnekler:

Tarihe göre sırala Puana göre sırala
Meta tagler ile

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com

<meta>: The metadata element - HTML: HyperText Markup Language | MDN

The <meta> HTML element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.
developer.mozilla.org

Burada deneyebilirsin:

Meta Tags — Preview, Edit and Generate

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
metatags.io

Bunlar da benim platformumdan örnekler:

 
Artı 0 Eksi
Çözüm
Silinen üye dedi:
@Yonga Üstte head'lerin arasına mı atacağım?
Genişletmek için tıkla...
head'in içine. Bir tane olur zaten.

Paylaşılan siteden örnek. image, title ve description; og: şeklinde de olur.
Kod: 
<meta property="og:image" content="https://metatags.io/images/meta-tags.jpg">
<meta property="og:title" content="Meta Tags — Preview, Edit and Generate">
<meta property="og:description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">

Open Graph protocol

The Open Graph protocol enables any web page to become a rich object in a social graph.
ogp.me
 
Artı 0 Eksi
@Yonga @Vavien. Güncellenmesi geç mi sürüyor? Örnek olarak index.html'in içine;


HTML: 
<!-- Primary Meta Tags -->
<title>copluk.</title>
<meta name="title" content="copluk." />
<meta name="description" content="selam, coplugume davetlisin." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="http://elricstein.com.tr/" />
<meta property="og:title" content="copluk." />
<meta property="og:description" content="selam, coplugume davetlisin." />
<meta property="og:image" content="images/meta.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="http://elricstein.com.tr/" />
<meta property="twitter:title" content="copluk." />
<meta property="twitter:description" content="selam, coplugume davetlisin." />
<meta property="twitter:image" content="images/meta.png" />
    <link reL="icon" type="image/jpg" href="favicon.jpg">
    <meta name="author" content="harrnish @codegrid">

Bu şekil ayarladım. Ancak Discord üzerimden kontrol ettiğimde şu şekil duruyor.




Son olarak, embedin solunda renk var. Onu nasıl düzenlerim?
 
Artı 0 Eksi
Mesaj yazmak için giriş yapmalı ya da kaydolmalısınız.
ÜçyüzGoneBeş, sorunuza verilen bir cevabı çözüm olarak işaretlemişsiniz, gerekirse bu seçimi değiştirebilir veya iptal edebilirsiniz.

Benzer konular

Site niyetine uygulama kodlanır mı?
Mesaj
4
Görüntüleme
149
19750
1
HTML/CSS Tasarımına başladığım yeni web sitem sizce nasıl? (HTML/JS/CSS)
2
Mesaj
12
Görüntüleme
275
mburakkarakas
  • Çözüldü
Çözüldü HTML CSS ve JS ile yapılan site nasıl düzeltilebilir?
Mesaj
7
Görüntüleme
241
Jack İşte
1
TypeScript Spotify, YouTube Müzik için Vite + React + TypeScript önerilir mi?
Mesaj
3
Görüntüleme
205
144
1
Hazır "HTML" site şablonu nasıl bulunur?
2
Mesaj
18
Görüntüleme
284
farfan
  • Makale Makale
Rehber XenForo için Linux (Debian) geliştirme ortamı kurarken depolar "apt-key" kullanmadan nasıl eklenir?
Mesaj
1
Görüntüleme
160
sirius
Çözüldü Linktr.ee gibi bir site HTML ile nasıl yapılır?
2 3
Mesaj
24
Görüntüleme
1B
Yonga
Y
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…