html bootstrap sayfa düzeni

16-02-2024, 13:03:25

öncelikle herkese hayırlı günler.
yapmak istediğim tam olarak şöyle bir şey daha önce bi web sitesinde rastlamıştım, https://xxxxxxxx.com/search/username bu url yi kopyalayıp wp,instagram,telegram vb uygulamaya yapıştırdığımda çıkan icon kısmında sayfa içeriği gözüküyordu, linke tıkladığında ne görüceksen o icon kısmında da o çıkıyordu tıpkı githubdaki gibi
⬇

bu şekilde gözükmesini istiyorum, konuya hakim olanlar yardımcı olabilirlermi teşekkürler 🙏

16-02-2024, 13:05:23

#2

Aryax

wiwexy adlı üyeden alıntı: mesajı görüntüle

öncelikle herkese hayırlı günler.
yapmak istediğim tam olarak şöyle bir şey daha önce bi web sitesinde rastlamıştım, https://xxxxxxxx.com/search/username bu url yi kopyalayıp wp,instagram,telegram vb uygulamaya yapıştırdığımda çıkan icon kısmında sayfa içeriği gözüküyordu, linke tıkladığında ne görüceksen o icon kısmında da o çıkıyordu tıpkı githubdaki gibi
⬇

bu şekilde gözükmesini istiyorum, konuya hakim olanlar yardımcı olabilirlermi teşekkürler 🙏

16-02-2024, 13:08:18

#3

Bykaraer

github kodlarına bakarsanız

  <meta name="twitter:image:src" content="https://opengraph.githubassets.com/3b163408cde66819d3faecb30c8cee1b5b1be124736f88df6705987885d045d5/rzpr/ig-api" /><meta name="twitter:site" content="@github" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="rzpr/ig-api: Simple Instagram public api with php" /><meta name="twitter:description" content="Simple Instagram public api with php. Contribute to rzpr/ig-api development by creating an account on GitHub." />
      <meta property="og:image" content="https://opengraph.githubassets.com/3b163408cde66819d3faecb30c8cee1b5b1be124736f88df6705987885d045d5/rzpr/ig-api" /><meta property="og:image:alt" content="Simple Instagram public api with php. Contribute to rzpr/ig-api development by creating an account on GitHub." /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="600" /><meta property="og:site_name" content="GitHub" /><meta property="og:type" content="object" /><meta property="og:title" content="rzpr/ig-api: Simple Instagram public api with php" /><meta property="og:url" content="https://github.com/rzpr/ig-api" /><meta property="og:description" content="Simple Instagram public api with php. Contribute to rzpr/ig-api development by creating an account on GitHub." />

bu tarz meta tagleri mevcut. bu istediginiz görüntüde ise meta tagı üzerinden görsel göndererek yapıyorlar.
Sizde dinamik görsel oluşturabilirseniz taglara bu şekilde ekleyip gösterebilirsiniz

16-02-2024, 13:11:45

#4

wiwexy

Bykaraer adlı üyeden alıntı: mesajı görüntüle

github kodlarına bakarsanız

  <meta name="twitter:image:src" content="https://opengraph.githubassets.com/3b163408cde66819d3faecb30c8cee1b5b1be124736f88df6705987885d045d5/rzpr/ig-api" /><meta name="twitter:site" content="@github" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="rzpr/ig-api: Simple Instagram public api with php" /><meta name="twitter:description" content="Simple Instagram public api with php. Contribute to rzpr/ig-api development by creating an account on GitHub." />
      <meta property="og:image" content="https://opengraph.githubassets.com/3b163408cde66819d3faecb30c8cee1b5b1be124736f88df6705987885d045d5/rzpr/ig-api" /><meta property="og:image:alt" content="Simple Instagram public api with php. Contribute to rzpr/ig-api development by creating an account on GitHub." /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="600" /><meta property="og:site_name" content="GitHub" /><meta property="og:type" content="object" /><meta property="og:title" content="rzpr/ig-api: Simple Instagram public api with php" /><meta property="og:url" content="https://github.com/rzpr/ig-api" /><meta property="og:description" content="Simple Instagram public api with php. Contribute to rzpr/ig-api development by creating an account on GitHub." />

bu tarz meta tagleri mevcut. bu istediginiz görüntüde ise meta tagı üzerinden görsel göndererek yapıyorlar.
Sizde dinamik görsel oluşturabilirseniz taglara bu şekilde ekleyip gösterebilirsiniz

teşekkürler hocam inceliyorum hemen