Archived topic
Duplicate HTML ID whent primary menu fit in the sidebar
10 replies · Started by infocus on June 5, 2020
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-navigationHi 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 :)
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.
Now, if i use the navigation in other place (no in the sidebar) the problem do not exist.
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.
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.
Will do my best :)
Very good, greetings Tom!
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.
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.
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.
Thanks for that! Appreciate it :)
