Next.js 14 - SEO & Metadata Tutorial (Complete Guide)

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ม.ค. 2025

ความคิดเห็น • 35

  • @dheerajvithalkar
    @dheerajvithalkar หลายเดือนก่อน

    Damn this was unexpectedly great tutorial

  • @BurbenogExpert
    @BurbenogExpert 8 หลายเดือนก่อน +2

    Fast and on point. Also good explanations. Keep it up!

  • @sanjoyrakshit842
    @sanjoyrakshit842 8 หลายเดือนก่อน

    Great tutorial man😊

  •  8 หลายเดือนก่อน

    learned a lot from this video, thank you so much. I would like to see more videos on seo with next js 🤗

    • @codewalkempire
      @codewalkempire  8 หลายเดือนก่อน

      Noted. I’m glad to hear that! :)

  • @poznianski
    @poznianski 4 หลายเดือนก่อน

    great video, thanks

  • @mlavinb
    @mlavinb 7 หลายเดือนก่อน

    Great content! thanks for sharing

  • @MiladJoodi
    @MiladJoodi 7 หลายเดือนก่อน

    Great. Thanks a million ♥

  • @talibhusain3335
    @talibhusain3335 4 หลายเดือนก่อน

    Amazing Man !. A lot Thanks

  • @isayyu
    @isayyu 8 หลายเดือนก่อน +1

    Very usefull informations, thanks bro

    • @codewalkempire
      @codewalkempire  8 หลายเดือนก่อน

      Thanks! You’re welcome!

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 2 หลายเดือนก่อน

    thank you

  • @KaluKarKK
    @KaluKarKK 8 หลายเดือนก่อน

    Excellent work, I'll apply all these. Tell me what services I should use for newsletter feature. 🧡

    • @codewalkempire
      @codewalkempire  8 หลายเดือนก่อน +2

      Thank you! For the newsletter, you can use a custom solution with Nodemailer or some third-party integrations such as Mailchimp, SendGrid, or beehiiv. I might do a tutorial on the topic if people are interested.

    • @avgspacelover
      @avgspacelover 8 หลายเดือนก่อน

      @@codewalkempire this would be really cool

  • @kumardeepam
    @kumardeepam 5 หลายเดือนก่อน

    Very useful

  • @hirsch5978
    @hirsch5978 8 หลายเดือนก่อน

    Great success

  • @rayhanislam7518
    @rayhanislam7518 5 หลายเดือนก่อน +2

    everyone show basic seo so please show us some advance also

  • @moimenwagdy1
    @moimenwagdy1 5 หลายเดือนก่อน

    Thank you

  • @ProxusGaming
    @ProxusGaming 2 หลายเดือนก่อน

    can i apply this method and positioned in top pages of google ?

    • @ProxusGaming
      @ProxusGaming 2 หลายเดือนก่อน

      i have been doing everything lately , cant get above the 4th page on google.

    • @codewalkempire
      @codewalkempire  หลายเดือนก่อน

      This is a solid starting point for sure. Ranking at the top also depends on other factors like content relevance, backlinks, and click-through rate but sometimes it just takes some time. A lot of sites I've built took a couple of days or weeks to position at the top of search results.

  • @clintonemok2105
    @clintonemok2105 หลายเดือนก่อน

    Will the sitemap update automatically when a new post is added?

    • @codewalkempire
      @codewalkempire  28 วันที่ผ่านมา

      Yes, it will. getPosts function in the sitemap will pick any new post that is created

  • @GabrielLogan17
    @GabrielLogan17 8 หลายเดือนก่อน

    Como eu posso utilizar internacionalização nas metatags ? Tipo dependendo da linguagem queria colocar em pt ou en ?

  • @tanny3080
    @tanny3080 4 หลายเดือนก่อน

    I've created a blog using Next.js with Sanity as the CMS. My aim is to develop a fully Japanese-language website, incorporating Japanese characters in the URL slugs to reflect the predominantly Japanese article titles. For instance, I'd like to implement URLs such as '/posts/こんにちは'.
    However, I'm encountering difficulties implementing this feature. While I've successfully implemented language switching using next-intl, I haven't found a solution for dynamically generating Japanese language slugs that work correctly in URLs. I would greatly appreciate any guidance or suggestions.

    • @codewalkempire
      @codewalkempire  3 หลายเดือนก่อน

      Hey! Nice work! So you want to have multilingual webiste, right?
      Basically, Next.js should be able to handle Unicode characters, including Japanese, in URL paths by default. However, some browsers might encode non-ASCII characters. For example, you could use a slugging function that works with Unicode characters.
      - You can try the `slugify` npm package, it supports Unicode slugs.
      - Then you can use it like this for example:
      function generateSlug(title) {
      return slugify(title, { lower: true, strict: true, locale: 'ja' });
      }
      This will generate slugs that allow Japanese characters while keeping other parts of the slug URL-safe.
      - You can also use `slugify` in sanity schema:
      slugify: (input) => slugify(input, { lower: true, strict: true, locale: 'ja' })
      - Also, make sure to update your `next.config.js` with locales: i18n: {
      locales: ['en', 'ja'],
      defaultLocale: 'ja',
      }
      I pan to update my blog tutorial with a multi-lang switch in the future, but in the meantime, I hope this helps!

  • @renchandara389
    @renchandara389 9 หลายเดือนก่อน

    next project using next js sanity and auth user with role and permission🥰🥰

  • @my-white
    @my-white 4 หลายเดือนก่อน

    good info but voice is kinda hurting

  • @timikuzwe
    @timikuzwe 9 หลายเดือนก่อน

    Please add comments sir.

    • @codewalkempire
      @codewalkempire  8 หลายเดือนก่อน +1

      Just published the video, check it out - th-cam.com/video/wCzB4eXcP18/w-d-xo.html

    • @timikuzwe
      @timikuzwe 8 หลายเดือนก่อน

      @@codewalkempire thank you sir. you are amazing.

  • @hostbaran_com
    @hostbaran_com 7 หลายเดือนก่อน

    very amazing.