Great job! You’ve added your blog content. Here’s a checklist of things to help you format and set up your blog post for consistency. It’s also good to reference a sample blog post so you can follow the design style. Open this blog post and use it as a reference point.
Resizing photos for web is an important step when you’re adding blog posts because it minimizes the file size of each photo and the length of time it takes to load the page. Large photo sizes will slow down your site and affect your SEO rankings.
Upload your photos. Pro Tip: You can upload more than one at once.
Ensure the maximum file size is set to 50.00kB. This is the smallest file size that will still achieve decent image resolution so your photos don’t look blurry when you add them to your blog post.
If you’re resizing full-width banner images, adjust the size to 150kB.
Your files will download automatically. Now you’ll have web-ready photos for your blog post that won’t slow the website down!
When adding images to your blog posts, follow these formats for consistency. It will create an easy-to-read grid look for your photos that are easy to scan and scroll through. You can combine multiple rows of 1, 2, 3 and 4 photos for more visual appeal.
When you only have one image to display, add an Image Block and let the image span the full width.
Pro Tip: You can trim an image block’s height with a cropping handle so the content can resize without distortion. Click the block, then click and drag the circle that appears at the bottom of the block. This will shorten the image height.
When you have two images, drag the image block side by side.
When you have three images, drag the image blocks side by side.
When you have three images, drag the image blocks side by side. They should all be the same height, so you may need to use the cropping handle to adjust one of the images. The third and fourth photo in the row below are not the same height as the first two and should be adjusted.
Last Word is the section at the bottom of your blog post that summarizes what the post was about.
Upload it to the Image Block.
Click the Design tab at the of the Image Block editor. Select Poster. Click Apply.
Don’t forget to add a thumbnail to your blog post! This is the image that shows up when someone clicks on a blog page.
Blog posts displayed on Calgary Off the Beaten Path page that have a thumbnail image.
Blog posts displayed on Calgary Off the Beaten Path page that don’t have a thumbnail image. You can see how there’s a lot more visual appeal when blog posts have a thumbnail image.
Pro Tip: Use https://bulkresizephotos.com/ to resize your thumbnail image.
Use this spreadsheet to help calculate the length of page titles and meta descriptions.
Page Titles should follow this format
Primary Keyword - Secondary Keyword | Brand Name
Should be more than 50 characters
Should be less than 60 characters
Check out this article for good advice on writing page titles.
Should be more than 140 characters
Should be less than 160 characters
Check out this article for additional advice on writing meta descriptions.
When you move a blog post from one blog page to another (i.e. Wandering Canada to Street Views) you need to redirect the URL to point to the new blog page. This way, if someone has an old link, they’ll be redirected to the newly moved blog post. You’ll also need a blog URL if you’re linking to a specific blog post (i.e. in the Feature section on the home page).
1. In the Blog Page panel, hover over the post and click Edit.
2. Click Options at the top
3. Copy the URL and paste it into the Word Doc provided.
4. Click Cancel to exit the blog post without saving any changes
I only need the URL for blog posts that don't have a thumbnail image. On the Street Views Blog page, you'll be able to see which posts don't have a thumbnail image because they will only have a text title. If they have a thumbnail image, I've already redirected the URL.
Using the short keys on your Mac to copy and paste will make things faster. Command + C = Copy and Command + V = Paste
Replace the blog photo
Update the Clickthrough URL of the photo so the image redirects users to the blog post. Click the Gear icon.
Toggle Open in New Window on
The ideal image size is 400px x 400px. The image should be less than 100 kb.
Make sure to add a link to the image, so when clicked it will redirect users to the blog post. Click the Gear icon beside the URL and ensure the link Opens in New Window.
The blog title should be in H3 text. It should also link to the blog post. Click the Gear icon beside the URL and ensure the link Opens in New Window.
You’ll need the blog post URL handy (see instructions for “How to get a blog URL” above). Remember to add the blog page that the post belongs to. Make sure to include / in front of the blog page and to separate the blog post so it reads like this: /blog page/blog post →/calgary-visitor-information/cooleset-neighbourhoods-beltline
/calgary-visitor-information
/city-planning-101
/wandering-canada
/globe-trekking-international-travel
/street-views
Add the blog post URL. Click the Gear icon beside the URL and ensure the link Opens in New Window.