Duplicate HTML ID whent primary menu fit in the sidebar

[Marcelo]

I think that is some bug, can you check it?
When you create a menu and fit this primary menu in the sidebar, the HTML IDs are duplicate two times.

Possible Duplicate IDs:
menu-item-103 found 2 times 
menu-item-1135 found 2 times 
menu-item-1136 found 2 times 
menu-item-1140 found 2 times 
menu-item-1149 found 2 times 
menu-item-1150 found 2 times 
menu-item-1168 found 2 times 
menu-item-126 found 2 times 
menu-item-127 found 2 times 
menu-item-128 found 2 times 
menu-item-154 found 2 times 
menu-item-171 found 2 times 
menu-item-18 found 2 times 
menu-item-187 found 2 times 
menu-item-192 found 2 times 
menu-item-20 found 2 times 
menu-item-207 found 2 times 
menu-item-220 found 2 times 
menu-item-260 found 2 times 
menu-item-281 found 2 times 
menu-item-282 found 2 times 
menu-item-287 found 2 times 
menu-item-329 found 2 times 
menu-item-332 found 2 times 
menu-item-346 found 2 times 
menu-item-347 found 2 times 
menu-item-374 found 2 times 
menu-item-395 found 2 times 
menu-item-396 found 2 times 
menu-item-397 found 2 times 
menu-item-404 found 2 times 
menu-item-411 found 2 times 
menu-item-429 found 2 times 
menu-item-44 found 2 times 
menu-item-441 found 2 times 
menu-item-458 found 2 times 
menu-item-477 found 2 times 
menu-item-486 found 2 times 
menu-item-520 found 2 times 
menu-item-529 found 2 times 
menu-item-545 found 2 times 
menu-item-560 found 2 times 
menu-item-578 found 2 times 
menu-item-593 found 2 times 
menu-item-603 found 2 times 
menu-item-614 found 2 times 
menu-item-632 found 2 times 
menu-item-649 found 2 times 
menu-item-675 found 2 times 
menu-item-681 found 2 times 
menu-item-691 found 2 times 
menu-item-696 found 2 times 
menu-item-716 found 2 times 
menu-item-721 found 2 times 
menu-item-722 found 2 times 
menu-item-735 found 2 times 
menu-item-739 found 2 times 
menu-item-763 found 2 times 
menu-item-78 found 2 times 
menu-item-79 found 2 times 
menu-item-803 found 2 times 
menu-item-804 found 2 times 
menu-item-810 found 2 times 
menu-item-829 found 2 times 
menu-item-859 found 2 times 
menu-item-86 found 2 times 
menu-item-87 found 2 times 
menu-item-874 found 2 times 
menu-item-880 found 2 times 
menu-item-914 found 2 times 
menu-item-921 found 2 times 
menu-item-976 found 2 times 
menu-menu-lateral found 2 times 
primary-menu found 2 times 
site-navigation found 2 times 
All IDs:
content  
left-sidebar  
main  
masthead  
menu-item-103  
menu-item-1135  
menu-item-1136  
menu-item-1140  
menu-item-1149  
menu-item-1150  
menu-item-1168  
menu-item-126  
menu-item-127  
menu-item-128  
menu-item-154  
menu-item-171  
menu-item-18  
menu-item-187  
menu-item-192  
menu-item-20  
menu-item-207  
menu-item-220  
menu-item-260  
menu-item-281  
menu-item-282  
menu-item-287  
menu-item-329  
menu-item-332  
menu-item-346  
menu-item-347  
menu-item-374  
menu-item-395  
menu-item-396  
menu-item-397  
menu-item-404  
menu-item-411  
menu-item-429  
menu-item-44  
menu-item-441  
menu-item-458  
menu-item-477  
menu-item-486  
menu-item-520  
menu-item-529  
menu-item-545  
menu-item-560  
menu-item-578  
menu-item-593  
menu-item-603  
menu-item-614  
menu-item-632  
menu-item-649  
menu-item-675  
menu-item-681  
menu-item-691  
menu-item-696  
menu-item-716  
menu-item-721  
menu-item-722  
menu-item-735  
menu-item-739  
menu-item-763  
menu-item-78  
menu-item-79  
menu-item-803  
menu-item-804  
menu-item-810  
menu-item-829  
menu-item-859  
menu-item-86  
menu-item-87  
menu-item-874  
menu-item-880  
menu-item-914  
menu-item-921  
menu-item-976  
menu-menu-lateral  
page  
post-2  
primary  
primary-menu  
search-5  
site-navigation

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marcelo]

Ok, i create a fresh installation without any plugin even without gp-premium.
Like you can see Google detect duplicates IDs. I also use an online java code from codepen to see it, and i see the tags too.

3 times the tags are duplicate, i think that is one for desktop, one for tablet and one for mobile. Google detect it like a duplicate ID.

You can use this tool: https://web.dev/measure/ and see the Accesibility tab.

Codepen tool.

Now, if i use the navigation in other place (no in the sidebar) the problem do not exist.

[Tom]

Hi there,

When your navigation is in the sidebar, it duplicates itself so it displays above the fold on mobile. Without doing this, your mobile menu would be hidden under your content on mobile, which wouldn’t be useful.

I’ll look into appending mobile- to the existing IDs to prevent duplicates.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marcelo]

Hi Tom, good to see you again. Yes i think that the best practice is use in all the case a unique ID, mobile-, table-, etc. Maybe in others case like this can happens for other circumstances.

Thank you for the reply.

[Tom]

Will do my best 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marcelo]

Very good, greetings Tom!

[Marcelo]

Tom, you think that can be possible do this change for the next release?
I have a website in production (look the form i change the URL), and this issue can be a huge problem for SEO. I have this website with this design since the beginning.

[Tom]

I’ll definitely try.

However, is there any reference I can check out for having duplicate HTML IDs causing huge SEO issues?

Duplicate content is bad, but that’s not what this is.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marcelo]

Hello Tom, sorry for the use of “huge” word, maybe is to much say huge, i said “can be” because i really dont know how much this affect the rank.

Google say:

Each ID in your HTML document must be unique. Using the same ID on more than one element may cause screen readers and other assistive technologies to only announce the first element with the shared ID, preventing users from accessing the later elements.

Avoiding duplicate IDs for focusable controls like buttons and checkboxes is particularly important to ensure that users can access all of your page’s functionality.

https://web.dev/duplicate-id-active/

Direct or indirectly i assume that can be prejudicial for he SEO, is one parameter in the Google indexation, technically maybe is not SEO, if not, Accessibility, but for sure is a parameter of Google for the indexability.

[Tom]

Thanks for that! Appreciate it 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts