Get Image Previews When Your React Website is Shared - MetaTags

Поділитися
Вставка
  • Опубліковано 17 лис 2024

КОМЕНТАРІ • 17

  • @pallisai8609
    @pallisai8609 7 місяців тому +1

    dynamically og tags will not work in react js because react is client side rendering helmet cants give you dynamically meta tags might be its show in develoepr toold but if you share through watsapp it wont see image title and etc...

  • @paulikhane
    @paulikhane 3 роки тому +2

    Nice articles. Just happened to need this. Thanks for sharing... One challenge: it's hard to see the code as it's not large enough. Thanks.

  • @jhonnatanmoreno4797
    @jhonnatanmoreno4797 3 роки тому +3

    I have a question. is your website static or ssr??? Cause my website is static but doesn't works. Thanks

  • @tuliominini
    @tuliominini 2 роки тому +1

    the video seems to be very explicative, however, as myself, if someone did now watch your previous videos from this series, we get a bit lost and is hard to understand what is happening with the other files on the project.

  • @Meowfia117
    @Meowfia117 8 місяців тому

    I can see the image link in meta tag when I open chrome inspector tool. But I tested with different meta tag preview and the thumbnail images just won't show

  • @zeynalabdinqdirov2386
    @zeynalabdinqdirov2386 Рік тому

    Merhaba Çelik. Dinamik blog pageimde link preview için gerekli metaları Helmetle yazmışım ama link paylaşıldığında ön izleme çıkmıyor. Reactte bu mümken değilmi ? Yani mutlaka next.js mi yazmalıyım ?

  • @petropzqi
    @petropzqi 2 роки тому

    Would this be a problem if you load your images using base64 ?

  • @EduardoVargas-nn5ri
    @EduardoVargas-nn5ri 3 роки тому

    dont work for me ;( dont load the og:image, only title, description ... but, nice job man, thanks for share it

    • @celikkoseoglu
      @celikkoseoglu  3 роки тому

      check your image size and format. Make sure you can see the correct image link under the header in chrome inspector tools after your website renders.

    • @ihorgosha2535
      @ihorgosha2535 2 роки тому

      for the test of image you can do something like this content="mywebsite.com/myimage.jpg"

  • @strkn25
    @strkn25 2 роки тому

    Is there a paid software service that can do this for you? Seems like a lot of unnecessary work.

  • @rochbrz4105
    @rochbrz4105 2 роки тому

    Facebook and Instagram No Longer Generate Link Previews… Only In Europe

  • @pabloesdev
    @pabloesdev 3 роки тому

    the text size of your editor is too small

    • @celikkoseoglu
      @celikkoseoglu  3 роки тому +1

      So I edit these out from my programming streams and I want to feel comfortable navigating the code on my screen. Giant text makes it very bad for me.
      I've been thinking about doing the stream first and then filming the UA-cam video second. Haven't got around to it yet. It's on my mind though. Thanks for your feedback!

  • @paulikhane
    @paulikhane 3 роки тому

    And I am a new subscriber.