Are you happy with their performance?
With a few simple tweaks, you can optimize images for greater visibility on social media and in search engine results.
In this article you’ll find three tips to optimize your social media images for better online performance.
Listen to this article:
#1: Optimize Images for Social Networks
Every social network has a different way of displaying visual content. Some networks have restrictions, while others cater to specific dimensions or orientations.
Accordingly, the audiences on each platform have certain expectations for images. Understanding these expectations boosts the chances that your images will be well-received and grab the attention of your target audience.
On Pinterest, tall images perform best. The optimal size for images is 735 pixels wide by 1102 pixels tall.
With Pinterest’s layout, use taller images to grab significantly more screen real estate than square or landscape images. They also give you more room for eye-catching visuals and text.
On Instagram, your only option is to use square images. If you’re creating your images outside of Instagram, make sure they’re at least 900 pixels wide by 900 pixels tall.
EDITORIAL NOTE: (As of August 2015, Instagram supports portrait and landscape images.)
I recommend using large image sizes because image quality won’t be affected when Instagram resizes the image for the device it’s being viewed on.
When creating any visual content, bigger is always better. The networks will resize your images as needed, and there is no quality loss when the image is scaled down. If your image is too small and needs to be scaled up, there will be a significant loss in image quality.
Facebook, Google+ and Other Networks
For all other social networks, the optimal choice is to use horizontal images. You’ll want your images to be 1280 pixels wide by 720 pixels tall. This is a perfect 16:9 aspect ratio, which is the same aspect ratio for HDTVs.
For Facebook, square images work fine, but wider images have a more sophisticated look. Our eyes are accustomed to seeing professional photographs, movies and television shows in a widescreen format.
On Google+, wider images are likely to go full stream, meaning they may spread across multiple columns, giving you lots of screen real estate. This is huge—both literally and figuratively.
Think of this multi-column effect as placing a giant billboard right in the middle of your followers’ streams. This is the best possible exposure you can get on Google+.
Wide images are also perfect for YouTube video thumbnails, making them the most versatile social images.
With this one image dimension, you can effectively reuse one visual across multiple social networks.
#2: Optimize Images for SEO
Image-based search engines like Google Images can generate a significant amount of website traffic. Communicating important details about your images will improve a search engine’s understanding of your images and boost your image search performance.
Follow these simple guidelines to optimize your images for search engines.
It’s important to have a clear idea of what your keywords are and include them in the file names of your images. The file names provide information that helps search engines understand what the images are about.
When naming your image files, separate words with either a hyphen (-) or an underscore (_). If you simply use spaces, hyphens are likely to be added automatically.
So before you upload your image anywhere on the Internet, make sure your file name is appropriate and contains your keywords.
Website speed is a recognized Google search ranking factor, so the speed and responsiveness of your web pages is important. The fewer bytes a browser has to download, the faster the browser can download and deliver your content.
Optimizing images often yields significant performance improvements for your website.
If you’re creating images in Photoshop, use the Save for Web and Devices option. If you’re saving a file as a .jpg (recommended), you can tweak the quality of the image to reduce the file size. Find a good balance between quality and file size.
If you don’t have access to Photoshop or graphic software that allows you to control file size and quality, use an image size shrinker. Here are a few suggestions:
Regardless of your software, always use lossless compression and avoid what’s known as lossy compression. Lossless compression maintains all of your image metadata, and lossy compression usually wipes it out.
Google recommends that you supplement a picture’s alt tags (which I’ll get to in a moment) with additional information in other tags, such as the title tag. All of this information gives Google a better understanding of the image.
If you’re using image editing software such as Photoshop, you can easily add meta data to every image you create, which is a good habit to get into.
Another way to detail a picture’s properties (on your website) is to use schema markup for images. This is an effective method of providing specific information about the content of an image.
The Alt Tag
Because search engines can’t see images, they rely heavily on the information in the alt tag to help them understand the image.
The alt tag is used as an accessibility tag. It defines what alternative text will be shown in place of an image when the image itself can’t be displayed. Sometimes an image is not shown by error, and sometimes by choice (when a person is using a screen reader, for example).
The recommended length for text in the alt tag is no more than 125 characters. So keep the text short, be descriptive and remember to include the same keywords you added to your file name.
If you’re uploading an image to a WordPress website, the Media page offers a number of fields for adding descriptive information. Use this opportunity to communicate additional information that will help search engines better understand your image.
This information includes:
- Title (maximum of 60 characters)
- Description (maximum of 155 characters)
- Caption (optional)
- Alt tag (maximum of 125 characters)
Depending on your content management system, you may not have these same options. In that case you can look at the raw text version of the page you’re creating and add the alt and title tags yourself.
#3: Streamline Image Creation
Using the three predefined dimensions above is also helpful when a team of people is creating visual content. If they’re all working from the same templates, the image sizes will be consistent.
With templates, you don’t have to waste precious time trying to find the exact pixel dimensions of every display scenario.
The more you practice these image optimization methods, the easier they’ll become and the more momentum you’ll build with your visual content.
Have you used any of these image optimization techniques? Which tactics work best for you? I’d love to hear and respond to your feedback in the comments below!