Skip to content

Why and how to use excerpts on your blog index page

A common mistake I see photographers doing on their site is: not using excerpts on the blog index page.

If you’re not sure what that means, I owe you some definitions:

  • The blog index page is a site’s main blog page (not the homepage), which lists out individual blog posts one after the other.
  • Excerpts are small snippets of blog posts (sometimes just the post title).

This happens when you choose to display blog posts in their entirety on the blog index page, one below the other.

So when you reach the Blog page, you can’t really choose which blog post to see; you’re just stuck in an endless array of images from the first post.


The problems with listing out blog post entirely:

1. Bad user experience

Some visitors might become mesmerized the quality of your images and sit for a full hour scrolling down the page. But most people won’t do that!

Instead, they’re looking for quick ways to navigate around the site, to find something they’re interested in. Allowing them to quickly choose a blog post to read is important.

2. Website performance goes down the drain

Such a long blog page is obviously tough to load for any browser/device. Testing tools confirm this: here & here.

pagespeed-insights-poor-score-example website-download-size-requests-example

3. Bad for SEO
As you already know, Google ranks websites not only based on the page’s SEO title and meta-description. Instead, Google looks at the page load speed, at how users interact with the page and so on. So the top 2 points above, in turn, greatly affect SEO too.

Better layouts for the blog page

Let’s explore ways to solve the issue and improve the blog index page:


1. List

You can keep your regular blog layout, but just allow small excerpts of each post to be shown (followed by a “Read More” link that leads to the full post). That way, browsers don’t have to load the full content for every post on the main blog page.

Excerpts are basically like small teasers of the full articles.

Here are a few examples of such a blog page:

If using WordPress, those “Continue reading” or “Read more” links use something called “More Tags”. Details and examples of how to use them in WordPress can be found here. If using Squarespace, here’s the support page with instructions for using blog excerpts. 

2. Grid

Many themes have the option to display blog posts in a grid layout. I’ve worked with a photographer who had a similar problem to what I describe at the beginning of this article. After tweaking his WordPress theme options, his site’s blog page was greatly simplified:


This type of grid layout is similar to a regular gallery page, so “browsing familiarity” is there. 

3. Masonry layout / Justified-grid

I am a big fan of more creative layouts for blog index page. A blog page like this is easy to use, and also easy on the eyes :-)


Notice that the photographer didn’t let the page become too long (with too many blog post “boxes”) and introduced a limit per page, thus requiring pagination at the end. This is important for page performance. 

P.S. This site also takes advantage of large displays: the blog post “boxes” enlarge and re-arrange themselves on larger screens to occupy the full width of the browser window!


Need help managing your WordPress site?

Save time & money by protecting your website and having me do ongoing testing, maintenance, prevention & iterative improvements.

Check out my website maintenance plans & technical services for photographers:

Website care plans

Off-topic or inflammatory comments may be moderated.
Please add VALUE to the web, thanks!

Search for other articles:

Or explore these related categories:

Level up your photography website
with the free guides & resources!

ForegroundWeb free resources preview

You'll get a free eBook (on photo website mistakes), many checklists and guides about improving your site's design and SEO, video recordings of website reviews, podcast interviews, and more. Plus... fresh free articles, actionable tips and curated links from around the web - sent directly to your inbox (twice a week).

No spam ever. You are free to unsubscribe at any time.
Already subscribed? Check the first email to access the resources.
Subscribe to the ForegroundWeb newsletter

Web-design tips & best practices for photographers

Get instant access to all of my exclusive resources:

No spam ever. You are free to unsubscribe at any time. 
Already subscribed? Check the first email to access the resources.

🎙️ My interview on the Hair of the Dog Podcast Free SEO course for photographers Wedding photographers need to be different 🎙️ New podcast interview The market is selfish Google hates seeing repeated content! How to develop your soft skills as a photographer 7 quick principles for creating a great website 4 ways to make your photography website more trustworthy What are famous photographers doing right on their websites? Or better yet, what are they doing awfully wrong despite being successful?