What is Photo Optimization?
Images on your webpage can affect your search engine results just like your content can. We don’t want our search results to appear lower because we didn’t take the few simple steps to optimize our photos.
There are a few simple ways to optimize your photos.
- Compress your photo files. Images often account for most of the downloaded bytes on a web page and also often occupy a significant amount of visual space. As a result, optimizing images can often yield some of the largest byte savings and performance improvements to your website.
- Use your preferred image-editing software to reduce the resolution of the image to 72 PPI (pixels per inch).
- Then run the file through an image compressor. Compressor.io is a great option.
- Don’t use slideshows whenever possible. Slideshows use multiple, large photo files. User research shows that viewers rarely cycle through an entire photo slideshow and the large files bog down the load time of your webpage.
- If you already have a slideshow in effect:
- Email firstname.lastname@example.org with a request to change a banner slideshow to a single-image banner. Please include the webpage URL and the URL of the photo you would like to include as the single-image banner. Photos can be view at https://photos.atu.edu.
- If you are creating a new webpage:
- Check yes in the box that says “Show Banner”
- Choose "Editable Content" in the Banner Type drop-down.
- Insert a "Card" snippet in the banner region
- Place your image in the Card snippet's image section
- Save & Publish the page
- Choose a relevant photo. If I went to a website that was about cats, I would expect to see photos of cats. It wouldn’t make sense if I saw photos of cars instead.
- Please note that uploading a picture of a student or of students is not relevant enough. You need something else in the picture to make it obvious what your webpage is about.
- Think about the name of your office or department. What images come to your mind as you think about this name?
- Choose an image based on what you imagined. Make sure that it’s appropriate for your webpage.
- If it’s not relevant, it’s okay not to use a photo.
- Name your photo. It’s easy to add photos to our computers and then upload it on our website without renaming them. However, it is important that we name our photos using keywords.
- The wrong way: screenshot_000235698.jpg
- The right way: Homecoming_Queen_2019.jpg