Place your mouse cursor where you would like to display the ‘read more’ button.The new block editor (Gutenberg) comes with an in-built button block which makes it easier to create a ‘read more’ button. WordPress 5.0 has a new feature that allows you to easily add buttons in WordPress. Readers need not scroll too far to find it. Most importantly, place the button where it is easy to find. Place your ‘read more’ button on the right or bottom of the particular excerpt. Users read from top to bottom and left to right. Your ‘read more’ button should stay in the user’s natural reading flow. It could achieve a higher CTR than ‘get your free ebook’. This not only has a benefit but is more personalized. You could, for example, have a ‘read more’ with text like ‘get my free ebook’ instead of the usual ‘read more’. When the button text is more personalized, users are likely to click. Learn more about mobile UI button design in this article. The space between buttons should be at least 8 dp. The button needs to be big enough in order for them to ‘touch’ it without having to pinch their screen to make it larger.Ī size of at least 48 x 48 dp (density independent pixels) is ideal for mobile devices. It also needs to be easy to use, keeping in mind that users on screens will be ‘touching’ the screen and not using mice or laptop touchpads. This means that your ‘read more’ button needs to look great on mobile. Google is now using mobile-first indexing, beginning July 1st, 2019. When designing your ‘read more’ button, it is important to design first for mobile. The main button text needs to be larger and more legible. Your main button text could be ‘read more’ and your click trigger ‘get my free ebook’. This is an additional button text that helps you communicate benefits. One way to shorten the button text is to use ‘click triggers’. Keep the ‘read more’ button text between 2 and 5 words. While we mentioned that adding a benefit will inspire your readers to take action, using a few words is ideal. This will inspire your readers to actually click the ‘read more’ button and read in order to get the benefit, especially if they already enjoy the content that they have already interacted with. You could, for example, include a benefit like ‘read more and get a free ebook’. A call to action example could be, ‘join our exclusive members to read more’.Īdding a benefit will also encourage a user to take action. Examples here include ‘exclusive’, ‘subscriber list’, and ‘members’. Words that point to exclusivity also come in handy. Take advantage of today’s unlimited content offer.Read unlimited articles while offer lasts.Here are examples of statements that you can use in your ‘read more’ button: You can use more urgency and trigger words like ‘Read More to Improve Your SEO’ etc While there is nothing inherently wrong with using ‘read more’, it is advisable to use words that inspire immediate action, as they have a sense of urgency. It also has a lot of white space surrounding it. It has a purple border that makes it easy for the user to notice. This button stands out from the rest of the content. This website uses the ‘continue reading’ button in place of ‘read more’ to guide its users on the next steps to take. Your ‘read more’ button needs to stand out, and contrast is one surefire way to achieve this. The text size should be reasonably large.Įxcessively large text will look odd and the user may not even want to click on it. Make sure that your button’s text is easily legible and large enough. Here are the best practices to follow when creating your ‘read more’ buttons: Your ‘read more’ button needs to stand out from the rest of the content. This button can also resolve to another page, giving the reader a chance to further interact with the site and its content. Sometimes, it may be a combination of a button/icon and a hyperlink. The ‘read more’ button is usually presented as a button, icon, arrow, or hyperlink. The read more button is also used in emails as shown in the following image: When this button is used in this way, it is referred to as an accordion. It is used on FAQ pages where only part of the answer is shown and the reader needs to click ‘read more’ in order to see the rest of the answer or in search engine results where only part of the meta description is shown. It is also used to toggle between showing and hiding content, for example when a site hides content and wants you to subscribe in order to read the rest. The button is versatile and has many uses, for example, it can be used to truncate content so that only a part is displayed. The ‘read more ‘ button comes in handy for every webmaster. Results in a more visually appealing site The impact of a ‘read more’ button on SEO How to add ‘read more’ buttons in WordPress What are Ready More Buttons and Why Are They Useful?
0 Comments
Leave a Reply. |