Optimize your images• People are surfing on data plans. Downloading

images chews up data. • Downloading images slows down page loads.

Google penalizes slow page loads in search rankings.

• Visually-impaired people cannot see images. • Posters are for print. Google search robots

cannot read the jpg posters you post online. And I may not be able to read them either on my small-screen iPhone 4.

Optimize your imagesAsk yourself:

• Do you need an image for social media marketing?

Optimize your imagesAsk yourself:

• Is the image enhancing my content? If not, don’t post it.

Optimize your imagesAsk yourself:

• Is the image covered with unreadable text? If yes, don’t post it.

• Try to limit the size of your uploaded images.Use Save for Web (Photoshop) and optimize to a medium-low size (40)  in deference to people who must download this on their phone’s data plan.

• Don’t have Photoshop? Try www.picmonkey.com

Optimize your images

• In the Media Library, fill out the Description field. It is used as your image’s alt text for people with visual impairment and Google bots. 

• Use keywords in your image filenames and descriptions. It helps your content rank with search engines. 

Optimize your images

Optimize your images• Old content pane was 460px. New desktop

content pane is 820px. Images sized at 460 px will not scale up.

• In the new responsive site, images will scale down to fit phone size.

• If your image is not full size (820px), select it in your editor window, right click, select Edit Media Attributes. Set text to float left or right and set appropriate padding.

Optimize your images

• You can also find the original, resize to 820px, and re-upload to the Media Library.

• If you resize using the Edit Media Attributes functionality. Make sure you check Constrain Proportions before changing the width.

• Dragging to resize? Press the Shift key.

Optimize your images

Mobile-friendly page content1. Make your content scannable by using short

paragraphs and headings. 2. Use tables only for tabular data. 3. Make your images responsive. 4. Make your videos and slideshows responsive. 5. Use links to direct your users. 6. Consider converting your PDFs to web pages. 7. Manage your PDF versions. 8. Add metadata descriptions for the search

engines.

Make videos and slideshows responsive

• Use the Embed Responsive Videos content type.

Make videos and slideshows responsive

• Use the Embed Responsive Videos content type.

Make videos and slideshows responsive

• Machform code should remain in the Embed Code content type

• Issuu magazines can stay in Embed Code but will also work in Embed Responsive Videos