This article explains how to create an inline gallery, which will load all images in the content well of a page so that the user can simply scroll the entire page without having to click next to see another photo. This experience also gives us a way to control the frequency of ads between each image. We expect that this experience will be greatest on sites that have a lot of great images.
- Have a keyword rich gallery title.
- Have a keyword rich gallery caption.
- Use rich terms/tags that would draw people over to more inline gallery content.
- Have titles and captions for each photo.
- Make sure all photos have alt text.
- Use strong anchor text to hyperlink to related content.
- Click the pencil in the bottom righthand corner of the photos to turn them into hyperlinks to more photo gallery content.
- Inline gallery photo captions have the same formatting options as the composer. That means you can use bulleted and numbered lists and sub headers within your captions. This increases engagement for each photo and is an intelligent way to use keywords.
Why Use Inline Galleries?
Inline photo galleries generate pageviews for each photo page a user reaches, using an inline gallery (where photos are stacked one on top of the other, generating pageviews for every photo the user scrolls by) is often the best option. In the example below, you can see how a reader can enter on one article with an inline gallery, then that gallery creates a tree of interlinked content.
- Imagine 10,000 users enter your homepage each day and 1,000 click on an inline gallery and that gallery has 10 pages.
- Let's say that most of those 1,000 users make it through 7 photos in the gallery. You've generated 7,000 pageviews + the original 1,000 and created more ad space.
- Now, let's imagine that 100 of those readers click through to another interlinked inline gallery. These readers on average make it through 5 photos. That's another 500 pageviews + the 100 views spread out across pages where the inline galleries live.
- Now let's imagine that 10 more people click through to another inline gallery and average 4 photo pages. That's 40 pageviews + the original 10.
We have made the steps for creating the Inline gallery very similar to the other gallery types in Tempest (i.e. Content galleries, Photo galleries). Simply choose the Inline gallery type instead of the other two choices. You will also be able to manually convert your existing galleries to this format.
- Choose to add a new block of content to your article
- Expand the selections and select Gallery
- You will now see 3 choices for Gallery. Choose Inline.
- Select the Photos you want to include
- Save the content and publish your page
Publish the Article.
Convert Existing Gallery
You can convert an existing Content Gallery or Photo Gallery to an Inline Gallery. The process is as follows:
1. Open the article containing the gallery you want to convert
2. Click the edit pencil in the bottom right corner
3. Choose the 2nd item from the left in the menu to change the Gallery type
4. Save the Gallery
5. Update/Re-publish the article
This can be done at any time.
Maven Staff Can Configure the Number of Images Between Ads
The Maven staff can configure the frequency of ads to be displayed in the gallery content. We can set an ad to appear between every 1 image or every 2. The site configuration will control this feature of the Inline gallery. If you have questions, reach out to email@example.com.
Make sure that each image has (click each hyperlink to learn more):
- Alt text
- A photo attribution and source (if necessary)
- A photo caption
— Remember, the caption is what appears in the body of the article. So, if you really want to flesh it out, the caption is the place to do that.
Make sure the gallery has:
- A title for the gallery
- A title and caption for each photo
What Makes Inline Galleries Different?
Inline galleries allow you to make use of all the formatting tools you have available to you in the composer. Take a look at all the amazing things you can do with this kind of gallery.
Using the embed tool, you can simply grab the embed code from any social media channel or you can grab the URL from Vimeo or Youtube to add useful content within your galleries and increase engagement.
If you have further questions, please reach out to firstname.lastname@example.org or email@example.com.