Set Page Title and Description Per Page in React Website Using Helmet

Поделиться
HTML-код
  • Опубликовано: 5 сен 2024
  • In this video series, I work on my new personal website built using React.
    Website: www.celikk.me
    GitHub: github.com/cel...
    Playlist: • Personal Website with ...
    Twitch: / celikkoseoglu
    In this video, we explore a library called Helmet. This library allows you to set page metadata per page. You can change page title, description and possibly social media share images. This is something I'll be exploring in my next video!
  • НаукаНаука

Комментарии • 13

  • @Cmatsoukis
    @Cmatsoukis 3 года назад +9

    @4:00 They named it helmet because it's for the tag. Helmet cover heads...

  • @saschagobbels2177
    @saschagobbels2177 11 месяцев назад

    the react component in markdown was also very helpfull !!! THX 10/10 Points

  • @yossiyun
    @yossiyun 2 года назад

    Thanks for this

  • @user-gw7gu4ht8f
    @user-gw7gu4ht8f 9 месяцев назад

    in my project meta tags are not getting changed in source code of each page why?
    even i used your method stil did'nt worked

  • @tipsstudio9707
    @tipsstudio9707 3 года назад +1

    You are using react-helmet for set meta tags that display the page element but in page view source it can't be set. So any search engine which not scraping the JavaScript will not find the metatag.
    Please see this and find some solution.

    • @celikkoseoglu
      @celikkoseoglu  3 года назад

      Actually, I've already solved this problem here: ruclips.net/video/idq0UMulc6g/видео.html

    • @tipsstudio9707
      @tipsstudio9707 3 года назад

      @@celikkoseoglu Okk Thanks, Waiting for your solution.

  • @TheNamesJT
    @TheNamesJT 3 года назад

    Do you also link a new css link inside the helmet too? or does all your css for all pages only happen in index.css?

  • @Kaze919
    @Kaze919 2 года назад

    All your images are stored locally right? There isn't a url pointer to a database like firebase is there? I assume that wouldn't work?

  • @thePeras
    @thePeras 4 года назад

    I never see someone storing the page strings in json files. That's a good idea.
    For example, if sometime in the future we want to add a second language, that is a way to do it, right?
    Or there is a better way to do it?

    • @celikkoseoglu
      @celikkoseoglu  4 года назад

      This is a clean solution for my use case because I don't have a backend to ask for strings.
      If I was to add a second language, I would probably have a string-locator logic that would give me the correct string for the specific language. I haven't fully thought about this yet. It's actually a pretty good idea. I might look into it. Maybe I'll discover a better solution along the way.

  • @maciejka1
    @maciejka1 2 года назад

    Do you use kde plasma?

  • @kevozzzz
    @kevozzzz 3 года назад

    tf