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 a successful entrepreneur who launched and exited two online startups by the age of 24.

He specialises in SEO and Paid Media services and played a critical role in developing cutting-edge marketing applications in the iGaming sector.

He founded Ruby Digital in 2011, which has won numerous awards and is recognised as having the 2nd highest culture score of any SME in South Africa.

Justin is committed to empowering communities with digital marketing skills and is an active member of the entrepreneurship community, sharing his knowledge and expertise as a guest lecturer at the University of Cape Town and serving on the board of the Entrepreneurs Organization Accelerator Program.