Why You Should Use Accordions & Read Mores For Your Content

By Justin Lester

3 minutes to read

Join our smart marketers who get our best digital marketing insights,
strategies and tips deliverered straight to their inbox.

Name(Required)
Why You Should Use Accordions & Read Mores For Your Content

By Justin Lester

3 minutes to read

Join our smart marketers who get our best digital marketing insights,
strategies and tips deliverered straight to their inbox.

Name(Required)

[et_pb_section fb_built=”1″ _builder_version=”4.16″ background_color=”#FFFFFF” custom_padding=”0rem||6.5rem|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ custom_margin=”0px||0px” custom_padding=”0px|10px|0px|10px” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text admin_label=”Text” _builder_version=”4.16″ header_font=”|800|||||||” header_text_align=”left” header_text_color=”#FFFFFF” custom_margin=”0px||” custom_padding=”0px||” header_text_align_tablet=”center” header_text_align_phone=”” header_text_align_last_edited=”on|phone” header_font_size_tablet=”” header_font_size_phone=”25px” header_font_size_last_edited=”on|tablet” global_colors_info=”{}”]

Google values long content. Longer-form content ranks better, gets more shares, and is better for SEO.

It’s all about providing users with extensive knowledge on a subject – answering all of their questions, rather than answering one or two superficially, and thus requiring them to go off someone else for further information.

But the problem with long content is it takes up a lot of space.

And people don’t always like to scroll for ages. A huge amount of content could actually make it harder for someone to find the exact piece of information they’re looking for.

So how can we reconcile long content with minimal webpage impact?

Accordions and read more buttons!

Accordions and read more buttons let you keep all your valuable information, while not making the webpage extremely long, and thus requiring excessive scrolling.

 

Accordions

Take a look at our accordion below, which we incorporated an FAQ into. Accordions are our go-to for FAQs as they go together extremely well!

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ background_color=”#26282C” custom_padding=”3rem||3rem|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ custom_margin=”0px||0px” custom_padding=”0px|10px|0px|10px” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text admin_label=”Text” _builder_version=”4.16″ header_font=”|800|||||||” header_text_align=”left” header_text_color=”#FFFFFF” custom_margin=”0px||” custom_padding=”0px||” header_text_align_tablet=”center” header_text_align_phone=”” header_text_align_last_edited=”on|phone” header_font_size_tablet=”” header_font_size_phone=”25px” header_font_size_last_edited=”on|tablet” global_colors_info=”{}”]

Frequently Asked Questions

[/et_pb_text][et_pb_accordion open_toggle_text_color=”#FFFFFF” open_toggle_background_color=”#E02B20″ closed_toggle_background_color=”#393836″ icon_color=”#FFFFFF” _builder_version=”4.16″ toggle_text_color=”#FFFFFF” toggle_font=”Montserrat|800|||||||” toggle_text_align=”left” closed_toggle_font=”Montserrat||||||||” body_font=”Montserrat||||||||” body_text_color=”#FFFFFF” text_orientation=”left” custom_margin=”10px|||||” border_radii=”on|5px|5px|5px|5px” border_color_all=”#26282C” global_colors_info=”{}”][et_pb_accordion_item title=”Question 1″ open=”on” _builder_version=”4.16″ global_colors_info=”{}”]

Answer 1

[/et_pb_accordion_item][et_pb_accordion_item title=”Question 2″ _builder_version=”4.16″ global_colors_info=”{}” open=”off”]

Answer 2

[/et_pb_accordion_item][et_pb_accordion_item title=”Question 3″ _builder_version=”4.16″ global_colors_info=”{}” open=”off”]

Answer 3

[/et_pb_accordion_item][/et_pb_accordion][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_text _builder_version=”4.16″ global_colors_info=”{}”]

Read more buttons

Read more buttons work in a similar way to accordions – they help to make web pages shorter while still retaining useful content for those users that are interested in in-depth information.

Transparency gradients are another feature you can include with your read more buttons – they really help make it obvious that there is more content available for reading.

So the next time you’ve got some lengthy, informative content for your users, consider taking the minimal approach – accordions and read more buttons are here to help!

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Written by Justin Lester

Justin is an innovative entrepreneur who transformed the South African SEO landscape. By the age of 24, he had already launched and successfully exited two online startups in London, gaining invaluable experience that propelled him to the iGaming sector. His visionary approach to SEO and Paid Media led to the founding of Ruby Digital in 2012, a first-in-class digital agency that has redefined the industry with cutting-edge strategies. Under his leadership, Ruby Digital has collected numerous accolades, including recognition as South Africa’s top agency for SEO and PPC.

Justin’s commitment to community empowerment is at the heart of his work. He has been instrumental in developing digital marketing training courses for underserved communities across South Africa, ensuring that emerging talent has the tools to thrive in the digital world. As an active member of the Entrepreneurs Organisation (EO), Justin shares his entrepreneurial journey and expertise with fellow business leaders. He also served as a guest lecturer at the University of Cape Town (UCT), where he inspired the next generation of marketers and entrepreneurs with his deep knowledge of SEO and business development.