Next.js Discord

Discord Forum

"Swiper.js" content needs to be seo friendly.

Answered
Manik Islam Mahi posted this in #help-forum
Open in Discord
If i use "use client" in next.js components then will be the component seo friendly? Like, I am using "swiper js". I have to use "use clients" in "Swiper.js" component. In the "swiper js" component I may have some product images and text. Will they be SEO friendly?

An example is needed for how to make the contents of "Swiper.js" seo friendly. Please help. If your answer is "no" then how can I make the contents of "Swiper.js" seo friendly? Please give an example.
Answered by James4u
also even if you fetch those metadata from third party api, as long as you fetch them on the server side not in useEffect(() => {}, []) you won't have anything wrong in SEO
View full answer

12 Replies

@gin "SEO friendly" in what case?
For products on ecommerce sites.
@Manik Islam Mahi For products on ecommerce sites.
and where are u planing to display those information?
@gin and where are u planing to display those information?
I have added the "Swiper.js" carousel on my products card. I have showed product's images and information by "Swiper.js" carousel.
I need to show it like this!
@Manik Islam Mahi If those meta data you use(images, texts) in this component are static, "use client" won't have any negative impact on SEO.
also even if you fetch those metadata from third party api, as long as you fetch them on the server side not in useEffect(() => {}, []) you won't have anything wrong in SEO
Answer
again client components are still pre-rendered on the server
the differences between client vs server component is just interactions!
Take a look at this discussion