Saijo George

Curated by Saijo George

Read more

monday2 May 2022

Make Your content Hidden in Accordion Tabs Available for Search Engines With hidden=until-found Attribute

Collapsing content sections, sometimes described as an accordion, are a common UI pattern. However, content hidden in the collapsed sections becomes impossible to search using a find-in-page search.

The hidden=until-found HTML attribute and beforematch event can solve these problems. By adding hidden=until-found to the container for your hidden content, you make it possible for the browser to search text in that hidden region, and reveal the section if a match is found.

In addition to allowing find-in-page search on hidden regions, this feature will allow this hidden content to be accessible to search engines. Google Search will even form links that scroll to the revealed fragment.

Tips and Tricks

I love tl;dr Marketing because I can get all the latest SEO news and trends in one spot without having to read lengthy articles. I really look forward to the daily emails to see what's new in our industry!

Cloudflare is open sourcing of the Workers runtime under the Apache 2.0 license 1 - SEO News

Ryan Mews SEO Manager Merkle