Next.js Discord

Discord Forum

Hide link from Google bot

Unanswered
Acorn-plum gall posted this in #help-forum
Open in Discord
Acorn-plum gallOP
How to hide a link from Google bot. E.g. I have this peace of code with link inside Chip (I use Material ui) on my page.js (Server Compnent), I use App router:
            <Box sx={{ display: "flex", flexWrap: "wrap", gap: 1, marginBottom: 1, justifyContent: "center" }}>
              {tool.tags.map((tag) => (
          
                  <Chip key={tag.name} icon={<TagIcon />} label={tag.name} clickable component={Link} href={tag.slug}/>
             
              ))}
            </Box>

You can suggest something without relation to specifically Material UI Chip component
I heard something about using script, maybe useRouter. If it's the desicion, I just don't understand how to use it. Indeed we unable to use useRouter or onLoad function or somethinkg like this in Server Component, but how to determin wich the tag.slug I have to pass in Client Component in case I move <Chip/> or other component in Client component with "use client" directive.
Or there is other, simplier approach to hide link from Google bot?

0 Replies