What's inside this article:
- Basic information
- How it works
- Common strategies
- Size, organization, and layout
- Widget selection
- The YMAL header
- Example YMAL layouts
Basic information
You Might Also Like (YMAL) is a collection of widgets that appears below the main content on articles and other content pages. An engaging and well-organized YMAL can increase the time spent on your site by encouraging readers to open other pages.
This article provides guidance for web editors on how to create YMALs, including tips on how to increase engagement.
YMAL placement below the main content on an article page.
How it works
YMAL offers a semi-automated approach for sharing links on content pages:
- What's manual: Web editors create YMALs from the dedicated YMAL list page in Pangea CMS. You choose the content in each YMAL and assign the YMAL to one or more Categories.
- What's automated: Each content page automatically displays the YMAL that is assigned to its Primary Category. All pages with the same Primary Category display the same YMAL.
NOTE: Displaying YMAL is optional. If the Primary Category for a content page does not have an assigned YMAL, the page does not display a YMAL.
For detailed instructions on how to manage YMALs in Pangea CMS, see the following article:
Common strategies
Choose from multiple strategies for YMAL content:
- Category-based: Show more stories from the same Category. This approach requires one YMAL per Category.
- Top stories: Show stories from your homepage. This approach requires fewer YMALs, with each YMAL assigned to multiple Categories.
Choose a strategy
Consider how your audience typically navigates your site:
- Category-based YMALs work best for visitors who browse your homepage and select content that interests them.
- Top-story YMALs work best for visitors who arrive directly on content pages from search engines or social media.
Size, organization, and layout
Consider these guidelines when creating YMALs:
Limit the size
Keep the list of content short and focused. Consider that for readers scrolling on mobile, the content is displayed in one list with every item occupying one row. An overly long list can overwhelm your readers, reducing the chance of engagement.
A YMAL viewed on mobile.
Regarding size, we suggest the following limits:
- Include no more than 2 rows of content (on desktop).
- Include a maximum of 4 widgets in the whole YMAL.
- Limit the number of links. We suggest no more than 16 links (ideally fewer).
Give each widget a clear purpose
A widget may show more content from the same Category, recent news headlines, or any curated collection of content. Whatever you choose, ensure readers can instantly understand why that content appears there. For YMALs with multiple widgets, use a short but descriptive title for each widget to clarify its purpose.
A YMAL organized into 2 widgets with titles.
Ensure visual consistency
If your site has multiple YMALs, try to use a similar layout for each. Visual consistency reduces cognitive load, helping readers to instantly recognize what they are looking at and how to use it.
TIP: For examples that follow these guidelines, go to Example YMAL layouts.
Widget selection
A YMAL can include one or multiple widgets. YMALs commonly include the following widgets:
Content widget
Content widgets show links to content pages. This is a highly flexible widget type that offers a wide range of layout options.
TIP: You can configure a Content widget to only show content from a particular Category. This strategy is helpful for Category-based YMALs.
For more information, see the following article:
Media slider widget
On a Media slider widget, visitors can scroll through content links on a horizontal slider reel. This is ideal for mobile devices, where screen space is limited. Share more links without forcing visitors to scroll endlessly down the page.
Tips
- If you use multiple widgets, place the slider at the bottom, as engagement with any widgets below a horizontal slider can be reduced.
- For a more cohesive design, give the slider a white background. This makes it clear that the slider is part of the YMAL and not a separate element.
- You can use a 'Media slider' widget to share any type of content (not just media items). For example, the slider might contain a collection of articles.
For more information, see the following article:
A YMAL with one Media slider widget, viewed on mobile (left) and desktop (right).
Trends widget
Trends widgets list 'trending' content pages. This means content from your site that has received a high number of views within a specified time period.
TIP: You can configure a Trends widget to only show content from a particular Category. This strategy is helpful for Category-based YMALs.
For more information, see the following article:
The YMAL header
The YMAL header introduces the links inside the YMAL. Every YMAL on your site has the same header.
A YMAL with the header: "More to read and watch..."
NOTE: If your site has multiple YMALs, you cannot customize the header for each YMAL individually. You need to use the same header for all YMALs.
Site admins can update the text for the YMAL header from the Site localization page in Pangea CMS. This text is managed through the following key:
| Key name | Global value |
|---|---|
| Responsive.Section.YouMayLike.Header | Continue reading |
Optimize the YMAL header
Ensure the YMAL header accurately reflects your YMAL strategy. Simply translating the global value may not be optimal in all cases. For example, 'Continue reading' is an appropriate choice for YMALs with article links. If your YMALs also link other types of content, you might use different a different header. Some examples include:
- More to explore
- Discover more
- Don't miss
- More stories
- More to read and watch
Example YMAL layouts
NOTE: Pangea has provided the example layouts below for inspiration and guidance. Feel free to use alternative layouts, or adapt and combine our examples to meet your exact needs.
Browse the example layouts below:
1x 'Big images' widget
A clean and simple layout with big images for high visibility.
1x 'Media slider' widget
A clean and simple layout with big images for high visibility. Lets you share more links without increasing the length of the page.
4x 'Big images' widgets with Categories
A clean and simple layout with big images for high visibility. Lets you share content from several Categories with clear labels.
2x 'Medium images' widgets
A clean layout for sharing two distinct collections with equal priority. Ideal for 2 Child Categories inside a Parent Category.
1x 'Big images' widget + 1x 'List' widget
A compact layout for sharing 2 prominent links with a list of other content. Ideal for prioritizing your high-value content.
1x 'List' widget + 1x 'Big images' widget (2 rows)
A clean layout with big images and larger text for high visibility. Lets you share two distinct collections of content one below the other.
1x 'List' widget + 1x 'Media slider' widget (2 rows)
A clean layout with big images and larger text for high visibility. Ideal for sharing two distinct collections of content one below the other. The 'Media slider' widget lets you share more links without increasing the length of the page.
1x 'List' widget + 1x 'Thumbnails' widget (2 rows)
A clean layout with larger text for high visibility. Ideal for sharing two distinct collections of content one below the other.
1x 'Big images' widget + 1x 'Trends' widget
A compact layout with big images for high visibility. Lets you share 2 prominent links with a list of trending content. Ideal for prioritizing your high-value content.
1x 'Thumbnails' widget + 1x 'Trends' widget
A compact layout for sharing a larger collection of curated links with a list of trending content.
1x 'Medium images' widget + 1x 'Trends' widget
A compact layout for sharing 2 prominent links with a list of trending content. The 'Medium images' layout is ideal for displaying introductions.
1x 'Trends' widget + 1x 'Big images' widget (2 rows)
A clean layout with big images for high visibility. Lets you share a curated collection of links with a larger list of trending content.
1x 'Thumbnails' widget + 1x 'Podcast' widget
A compact layout for sharing the latest episode from a podcast with a larger collection of related links.
1x 'Multimedia' widget + 1x 'Trends' widget + 1x 'Thumbnails' widget
A compact layout with a horizontal video player. Visitors can watch without leaving the page.