How to Add Read More Tag in WordPress » Rank Math


In the hustling world of online content, capturing and retaining your audience’s attention is extremely important.

One of the most effective ways to engage readers and encourage them to delve deeper into your articles is by utilizing the Read More tag in WordPress.

The Read More tag allows you to display a snippet of your content on the main page of your website, enticing readers to click and explore further.

In this post, we’ll walk you through the step-by-step process of adding the read more tag to your WordPress posts or pages, enhancing user experience, and driving more meaningful interactions with your content.

So, without any further ado, let’s get started.

1 Why Add Read More Tag in WordPress?

Adding a Read More tag in WordPress is crucial in enhancing the user experience and optimizing your website for readers and search engines.

We’ve listed a few reasons why you can consider adding a Read More tag to your website.

Engage Readers: In the fast-paced online world, attention spans are short. The Read More tag lets you provide a sneak peek of your content on the homepage. By adding this tag, you engage your audience right from the start.

We include a Read More tag to our posts to engage readers and enhance the user experience.

Read More tag in Rank Math

Improve Page Loading Speed: Displaying full posts or articles on your homepage can slow down your website’s loading speed. This can be frustrating for users, causing them to bounce away before they’ve even seen your content. The “Read More” tag reduces the initial load time by showing only a portion of the content, making your site more user-friendly.

Enhance Readability: Long blocks of text can be intimidating. Breaking your content with a Read More tag improves readability. Visitors can scan through multiple posts quickly and choose what interests them. This helps them find content relevant to their needs and preferences.

Reduce Bounce Rate: Bounce rate is the percentage of visitors who leave your site after viewing only one page. By enticing users to click the Read More link, you encourage them to explore more of your site, reducing the bounce rate.

2 How to Add Read More Tag in WordPress

Let us now discuss how to add a Read More tag to your WordPress website.

2.1 Add Read More Tag in Gutenberg Editor

Gutenberg makes adding the Read More tag incredibly easy in WordPress. Once you’ve written the text you want to use as the summary, follow these steps:

Note: Before you insert a “More” block into your post, it’s important to ensure that your website is configured to display the most recent posts on the homepage. If you’ve set a static page as your custom homepage, your theme might ignore the “More” blocks and instead rely on its own settings.

If you’re adding the Read More tag to an existing post/page, navigate to the post/page in your WordPress dashboard’s Posts /Pages section. If you’re creating a new post, click Add New.

Navigate to the post

After entering your text, click Add block and choose More, as shown below.

Add Read More tag in Gutenberg

The Read More block will appear below your text.

Read More tag added in Gutenberg

Now, you can edit the Read More text as per your choice, such as Continue Reading, Learn More, See More etc.

Change the Read More text

You’ll have access to the More block when editing your post in the block editor, but your readers won’t see it when browsing your WordPress blog.

Like any other WordPress block, you can adjust settings for the More block. To access these settings, click to select the More block.

In the right-hand menu, you can now decide whether to display or hide the excerpt on the full content page, which is the page you’re currently working on.

By default, all the content above the More block will be visible on the full content page, as shown below.

More block settings

Enable the Hide the excerpt on the full content page option to write a custom excerpt that’ll appear on your homepage and archive page and not in the full post.

Enable excerpt option

Once done, click the Update/Publish button to save your changes. You can now visit your website’s homepage or blog archive page to ensure the Read More tag functions as intended.

Note: Certain themes are specifically crafted to display excerpts and might take precedence over any More blocks you’ve added. If you find that your homepage and blog archives aren’t showing the previews you created using the More block, consider using excerpts as an alternative approach.

2.2 Add Read More Tag in Classic Editor

While creating a post in the Classic editor’s Visual editor, place the cursor at the point where you wish to add the tag and select the Insert Read More tag option from the toolbar displayed above the text.

Read More tag in Classic Editor

The Read More tag will be added to your post/page.

Read More tag in Classic Editor

If you’re using the Text editor, you can use the below tag and add it just where the preview will end.

<!--more-->
Read More tag in text editor

Once done, click Publish/Update to save your changes. You can then preview to see the changes on your website.

3 How to Use Excerpts in WordPress

Some WordPress themes are coded to use excerpts, meaning they will ignore your More blocks and show an excerpt instead.

We’ll now discuss how to use excerpts in WordPress the right way.

Navigate to the post editing screen and click the Post tab. Expand the Excerpt section, as shown below.

Add Excerpt

Add a short description of the content to help your visitors understand what the content is about in just a few sentences.

Add excerpt

Once done, save the changes and visit your site.

If you do not see the Excerpt box, click the three-dotted icon in the upper-right corner of your post-editing screen. Click on Preferences, as shown below.

Click Preferences

Navigate to the Panels section and enable the Excerpt option.

Enable the excerpt option

You should now be able to access the Excerpt settings in your right-hand menu.

4 Conclusion

Mastering the art of adding the Read More tag in WordPress opens up a world of possibilities for improving your website’s user experience and engagement.

By strategically placing these tags, you entice your readers to explore deeper into your content, reducing bounce rates and encouraging them to stay longer. Moreover, it streamlines your homepage, making it more visually appealing and faster to load.

So, harness the power of the Read More tag to take your WordPress website to new heights of user-friendly, reader-engaging excellence!

 If you like this post, let us know by Tweeting @rankmathseo.





Source link

Social media & sharing icons powered by UltimatelySocial
error

Enjoy Our Website? Please share :) Thank you!