![\"Thumbnail](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Image-SEO-Guide-min-1024x576.jpg\")
<\/figure><\/div>\n\n\n\nULTIMATE Guide To IMAGE SEO<\/h2>\n\n\n\n
Now let’s get started with all the Tips & Tricks I used for Making my Blog’s Images SEO friendly. Do read carefully otherwise you can miss any important part of our guidelines.<\/p>\n\n\n\n
What Will You Get<\/h3>\n\n\n\n- Will Improve Your Ranking.<\/li>
- Improve Your Site Speed Loading Time.<\/li>
- You will Learn Another SEO Secret from RipoN.<\/li><\/ul>\n\n\n\n
\n\n\n\nImage SEO Infographics Table<\/h3>\n\n\n\n
\n\n\n\n Use Relevant Images<\/h2>\n\n\n\n
One image is equal to a thousand words. Its Fact that 70% of Bloggers & Writers never use proper images to their blog post. This is really a big mistake for you. By adding images to your post you can engage your readers by 300% more than simple contextual tex. Human eyes love to watch graphical content, So if you are not doing proper image implementation Then you will lose a huge opportunity to grave more potential readers for your blog.<\/p>\n\n\n\n
Now Question is how to find images? As you know we can’t use any images from google. Images may be copyright protected by the owner, So let me tell you how & where you will find lots of Copyright-free images.<\/p>\n\n\n\n
Guide to user Perfect & Relevant Images<\/strong><\/p>\n\n\n\nUse Copyright Free Images<\/h3>\n\n\n\n
I personally use Canva & a Website to collect good images for my web post. Canva is a great web Application for photo editors & Content writers. It provides you to make hundreds of photo templates like Presentation, thumbnail, Status, Posters & many more.<\/p>\n\n\n\n
Canva.com<\/h4>\n\n\n\n![\"\"](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Screenshot-2019-09-07-at-7.07.08-PM-min-1024x111.png\")
Canva Templates<\/figcaption><\/figure>\n\n\n\nNot only this you can also search for your needed image on canva photos. There are both premium & Free photos available to use at any time on your blog.<\/p>\n\n\n\n
![\"\"](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Canva-photos.jpg\")
<\/figure><\/div>\n\n\n\nChoose any photo & click on Edit, Yes Canva also has inbuilt Photo editor & That’s Really Cool for everyone like me. No need to use photoshop for editing quick images.<\/p>\n\n\n\n
![\"\"](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Canva-image-selection.jpg\")
<\/figure><\/div>\n\n\n\nCarefully choose the purpose of the image, so that it will be easy for you to choose the correct image for your blog post.<\/p>\n\n\n\n
on the next page, you will get lots of editing features. like Text editing, Watermarking, Element design, Background changing and many more.<\/p>\n\n\n\n![\"This](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Canva-image-editing-tool.jpg\")
Canva Editor<\/figcaption><\/figure>\n\n\n\n
\n\n\n\nNow there is not only one site to get Free images. Canva is my personal Favourite, it’s completely free, you can go with their paid subscription to access all the premium photos.<\/p>\n\n\n\n
AllFreePhotos.net<\/h4>\n\n\n\n![\"AllFreePhotos.net\"](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/ALL-FREE-Photos-site-list-108x300.jpg\")
<\/figure><\/div>\n\n\n\nNow Talk about other Free images site, my second favourite is AllFreePhotos.net<\/a>.<\/strong> This site is amazing & the main reason to mention this site is a Hub of every Free Photo providing sites. More than 35+ Popular Image site’s content assembled in one place.<\/p>\n\n\n\n- PEXELS<\/li>
- PIXABAY<\/li>
- PICJUMBO<\/li>
- UNSPLASH<\/li>
- STARTUP STOCK PHOTOS<\/li>
- DESIGNERS PICS<\/li>
- NEW OLD STOCK<\/li><\/ul>\n\n\n\n
\n\n\n\nUse Self Created Graphic Images<\/h3>\n\n\n\n
This another great way to get 101% Copyright Free images. Only you need to have a bit of knowledge on editing images on Photo editor. By your choice, you can create any type of images & Graphic on behalf of your content.<\/p>\n\n\n\n
When Free Image sites failed to provide relevant images I used my photo editor to make creative artwork for my blog.<\/p>\n\n\n\n
You just need a photo editor & some Background images also you can use a blank photo to design. One more thing you can add PNG Images to add a shape on your graphic.<\/p>\n\n\n\n
For PC I used PhotoScape<\/a> for editing any images, you can also use other photo editors ex: Photoshop<\/a>.<\/p><\/blockquote>\n\n\n\nFor Mobile, I used an Application since 2014 called “Photo editor<\/a>” also you can use popular apps like Picsart<\/a>, Lightroom<\/a> or anything else.<\/p><\/blockquote>\n\n\n\nNow expand more about self-editing images.<\/p>\n\n\n\n
Download Some Background Images <\/h4>\n\n\n\n
First of all, use some Background images to edit on. You can use Gradient Backgrounds for better attraction. Nowadays many brands use Gradient colour everywhere like Smartphone Background & all.<\/p>\n\n\n\n
I especially use uiGradients.com<\/a> site to get relevant background images.<\/p>\n\n\n\nif you follow me on YoUtube then you will be noticed that every thumbnail of my YouTube Videos has an attractive colour Gradient background image.<\/p><\/blockquote>\n\n\n\n
Also, you can use Balck or White background images for editing. it depends on you how you will create your artwork.<\/p>\n\n\n\n
Use PNG Clip-Arts<\/h4>\n\n\n\n
When it comes to creating informative infographic or photos, You must use some PNG Clip arts. It will add lots of information to your photo & Thumbnail, Also will attract more people when your blog post or image shared on Social media.<\/p>\n\n\n\n
Every impression is important, and it’s your duty to convert most impressions into a clicks.<\/p>RIPON<\/cite><\/blockquote>\n\n\n\nThere are lots of sites claimed to provide PNG Images, But if you aske me which one is best for you, then the answer is KissPNG.com (KissPNG is now moved to CleanPNG.com<\/s><\/a>). This is one of the most popular websites in the <\/p>\n\n\n\n![\"Screenshot](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Screenshot-of-CleanPNG.jpg\")
CleanPNG Homepage<\/figcaption><\/figure><\/div>\n\n\n\nSee Blow Example of my Photo Editing.<\/p>\n\n\n\n
![\"example](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/exmaple-of-image.jpg\")
<\/figure><\/div>\n\n\n\nNow I think you learn a lot of things about how to use Relevant Images on your blog post.<\/p>\n\n\n\n
Now let’s move on the next Tips that is Picking a good filename of your image.<\/p>\n\n\n\n
\n\n\n\nRename Your Image Title in a Right way<\/h2>\n\n\n\n
it is very important to give a good name of your image. Many people doing a common mistake that they never changed the Image file name before uploading on Website.<\/p>\n\n\n\n
Now the question is how & what is the right way to rename an image file name?<\/p>\n\n\n\n
Guide to Rename Image title<\/strong><\/p>\n\n\n\nWe download images from various sources also sometimes we take screenshots, but the problem is we don’t look at the image title almost every time. This is the first SEO Mistake on Image SEO<\/strong>, So you need to fix that.<\/p>\n\n\n\nFirst of all, rename your image title with proper description. For example, if your current image title name is <\/p>\n\n\n\n
Screenshot 2019-09-07 at 8.23.13 PM.jpg<\/strong><\/p>\n\n\n\nThen you should change in to like this-<\/p>\n\n\n\n
MS-Dhoni-Quotes.jpg<\/strong><\/p>\n\n\n\n![\"example](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Guide-to-Rename-Image-title-min-1024x624.jpg\")
The perfect way of renaming Image Title<\/figcaption><\/figure><\/div>\n\n\n\nTips:<\/strong> Try to include Targeted or Related keyword in the image title of your content for better SEO.<\/p>\n\n\n\n
\n\n\n\nImage Dimensions<\/h2>\n\n\n\n
image dimensions mean the pixel size of the displayed photo size. This is really important when you are going to export the image size. Many people doing mistake by exporting very high dimension images. The more high resolution make the image file size(MB) bigger.<\/p>\n\n\n\n
Now the question is What should be the right Dimensions of Blog Thumbnail & others Images.<\/p>\n\n\n\n
Guide to Choosing Right Image Dimensions<\/strong><\/p>\n\n\n\nThere is no ideal image size to use on the blog post, but we have to adjust as the purpose of using images on articles.<\/p>\n\n\n\n
below I try to share my ideas of using Image Dimensions in different places.<\/p>\n\n\n\n
Thumbnail<\/h3>\n\n\n\n
when it comes on the thumbnail I always use 16:9 ratio images. There is 2 ideal size that most of the people use for their thumbnail image size.<\/p>\n\n\n\n
- 1920x1080p<\/li>
- 1280x720p<\/li><\/ol>\n\n\n\n
In-Article<\/h3>\n\n\n\n
When it comes on uploading images in the article then there is no single Dimension to use. As you saw above I have used many types of images. But personally, I maintained the maximum wide is 1000px for every landscape images. For Portrait photos the maximum wide is 500px.<\/span><\/p>\n\n\n\n However, it totally depends on the Image you use to. Also, you can take help of Canva to know different Templates sizes.<\/p>\n\n\n\n
\n\n\n\nReduce file size for faster loading<\/h2>\n\n\n\n
Your Blog’s Page Loading Speed is most important in SEO. Faster Page loading improves User Bounce rate<\/a>. <\/p>\n\n\n\n![\"result](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Google-Page-Speed-after-Optimizing-Image-size-1024x684.jpg\")
Page speed after Reduced Image size of a blog post<\/figcaption><\/figure>\n\n\n\nAre you shocked? By seeing My blog post Speed on above screenshot? You can also your blog faster.<\/p>\n\n\n\n
I know you think I shall tell you to use WP Plugins? Not at all, dude. No need to use any third-party plugin. <\/p>\n\n\n\n
Now The Question is How to Reduce the file size of images?<\/p>\n\n\n\n
Guide to Reduce file size for faster loading<\/strong><\/p>\n\n\n\nAfter exporting your image You have to reduce file size to the actual size that can handle your server & also match the Google recommendation file size. <\/p>\n\n\n\n
You have to reduce blog post images below 100Kb size for better IMAGE SEO to load faster on Mobilee & PC Device both.<\/p>\n\n\n\n
To compress images I use an online tool called Compressjpeg.com<\/a><\/p>\n\n\n\nBlive me this site has Magical power. If you upload an image of 1080p with 800Kb file size, This site compresses your image up-to 90% without losing image quality.<\/strong><\/p>\n\n\n\n![\"compressing](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/compressing-image-with-Online-tool-min-1024x612.jpg\")
Result After compressing some images<\/figcaption><\/figure><\/div>\n\n\n\nI have used soo many Plugins, Softwares & Online web tool but no one can beat.<\/p>\n\n\n\n
Tips:<\/strong> Always try to use .jpg format images.<\/p>\n\n\n\nNow your image ready to upload & use on your Article.<\/p>\n\n\n\n
\n\n\n\nImage alt text<\/h2>\n\n\n\n
Alt text<\/strong> (alternative text) is a word or phrase that can be inserted as an attribute in an HTML document to tell Web site viewers & Search engine crawlers the nature or contents of an image.<\/p>\n\n\n\nYou may know we have to write a Meta description<\/a> of every Article to tell search engines about our content in 160 characters. Seems Alt Text is a Meta description for an image.<\/p>\n\n\n\nNow the question is how to write perfect Alt text of an image?<\/p>\n\n\n\n
Guide to Image Alt Text for SEO<\/strong><\/p>\n\n\n\nThis very simple to write alt text of an image, you just have to describe what the image contains & What type of image you are using.<\/p>\n\n\n\n
Also, you can follow canva & other stock image sites to get more example of alt text.<\/p>\n\n\n\n
let me share you some example<\/p>\n\n\n\n![\"This](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Image-Alt-Text-Examples-min.jpg\")
Image Alt Text Example<\/figcaption><\/figure>\n\n\n\n
\n\n\n\nAdd Image Caption<\/h2>\n\n\n\n
Adding a caption to an image is really helpful between Author & readers. A Caption is to define what you want to say visitors by adding this image.<\/p>\n\n\n\n
As you can see I have added captions on every image on this post.<\/p>\n\n\n\n
Difference between Alt text & Caption<\/h3>\n\n\n\n
If you think that Alt text & Caption are similar then you are totally wrong. Alt-text is a description of image content, and the Caption is what you are trying to tell people by showing them an image.<\/p>\n\n\n\n
Benefits of Caption<\/h3>\n\n\n\n
Ther is no huge Benefits of using Captions under the image, But it is important to use. Because many browser & reader applications have a feature called ‘only Text View’ or ‘reading mode only’. image captions will help them while they are using that type of reading mode.<\/p>\n\n\n\n
So it’s minor but important to use a caption to each & every image you upload on your blog post for god image SEO friendly.<\/p>\n\n\n\n
\n\n\n\nLast but not the least is Using images in XML sitemaps.<\/p>\n\n\n\n
Use images in your XML sitemaps<\/h2>\n\n\n\n
As you know to crawl our website content we have to create a sitemap.xml file of our blog. A sitemap helps crawlers to index our links on search engine database.<\/p>\n\n\n\n
We always creat sitemap for our blog post but forgot about that valuable images. After giving our valuable time on optimizing Image for SEO Friendly, if we do not generate a separate sitemap. All the hard work waste of time.<\/p>\n\n\n\n
So make sure you have generated a proper sitemap of your images.<\/p>\n\n\n\n
How to Make Image XML Sitemap?<\/h3>\n\n\n\n
if you are using WordPress then there are many plugins available to generate image sitemap. Yoast<\/a> & Jetpack<\/a>(recommended) are the best plugins among them.<\/p>\n\n\n\nIf you are using Yoast SEO plugin then you have to enable it from Yoast SEO Settings. Go to SEO>Search Appearance<\/strong> and select Media tab<\/strong>. You will see an option to check on Yes & save. See below screenshot.<\/p>\n\n\n\n![\"Screenshot](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/Image-XML-Sitemap-on-Yoast-SEO.jpg\")
<\/figure><\/div>\n\n\n\nin Jetpack plugin just go to Jetpack>Settings>Sitemap and enable the sitemap. I personally recommend using this sitemap for proper image XML sitemap.<\/p>\n\n\n\n
![\"This](\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/XML-Image-Sitemap.jpg\")
XML Image Sitemap of jetpack<\/figcaption><\/figure><\/div>\n\n\n\nNow you have completedly done every SEO Settings of your image.<\/p>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
I Know its long for each & every image to do such as all SEO technique, but there is no other option. If you are realy serious about SEO Then you have to do all Image SEO I have mentioned above in This Article. By doing regular practice you will be a Pro on it.<\/p>\n\n\n\n
Also, Let me know after doing all of these image SEO settings on Your blog. What changes you will see in the search result.<\/p>\n\n\n\n
I have been experienced about 5 years of blogging journey, And try to share some SEO Tips & Tricks through this Blog.<\/p>\n\n\n\n
Feel Free to ask any question in the comment box below. I will be waiting for your Feedback.<\/p>\n\n\n\n
Thank You!<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":35,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[16],"yoast_head":"\n
Image SEO Guide 2021 | Optimize Images for Blog Post SEO Ranking!<\/title>\n<meta name=\"description\" content=\"A Complete Step by Step Guide to Image SEO. Learn how to Optimize a Image for Better ranking on Google before uploading on your blog post. by BloggingMafia.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bloggingmafia.com\/complete-image-seo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image SEO Guide 2021 | Optimize Images for Blog Post SEO Ranking!\" \/>\n<meta property=\"og:description\" content=\"A Complete Step by Step Guide to Image SEO. Learn how to Optimize a Image for Better ranking on Google before uploading on your blog post. by BloggingMafia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bloggingmafia.com\/complete-image-seo\/\" \/>\n<meta property=\"og:site_name\" content=\"BloggingMafia\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-16T17:47:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"950\" \/>\n\t<meta property=\"og:image:height\" content=\"534\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"RipoN\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"RipoN\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/\"},\"author\":{\"name\":\"RipoN\",\"@id\":\"https:\/\/bloggingmafia.com\/#\/schema\/person\/a6e0536785275beba0941a9a510a478d\"},\"headline\":\"Image SEO: The 2021 Guide To Optimize Images for Blog Post SEO\",\"datePublished\":\"2021-01-16T17:47:00+00:00\",\"dateModified\":\"2021-01-16T17:47:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/\"},\"wordCount\":2183,\"commentCount\":24,\"publisher\":{\"@id\":\"https:\/\/bloggingmafia.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg\",\"keywords\":[\"On-Page SEO\"],\"articleSection\":[\"SEO\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/bloggingmafia.com\/complete-image-seo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/\",\"url\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/\",\"name\":\"Image SEO Guide 2021 | Optimize Images for Blog Post SEO Ranking!\",\"isPartOf\":{\"@id\":\"https:\/\/bloggingmafia.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg\",\"datePublished\":\"2021-01-16T17:47:00+00:00\",\"dateModified\":\"2021-01-16T17:47:00+00:00\",\"description\":\"A Complete Step by Step Guide to Image SEO. Learn how to Optimize a Image for Better ranking on Google before uploading on your blog post. by BloggingMafia.\",\"breadcrumb\":{\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bloggingmafia.com\/complete-image-seo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/#primaryimage\",\"url\":\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg\",\"contentUrl\":\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg\",\"width\":950,\"height\":534,\"caption\":\"Image SEO\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bloggingmafia.com\/complete-image-seo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bloggingmafia.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image SEO: The 2021 Guide To Optimize Images for Blog Post SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bloggingmafia.com\/#website\",\"url\":\"https:\/\/bloggingmafia.com\/\",\"name\":\"BloggingMafia\",\"description\":\"Learn Blogging Like a Mafia\",\"publisher\":{\"@id\":\"https:\/\/bloggingmafia.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bloggingmafia.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bloggingmafia.com\/#organization\",\"name\":\"BloggingMafia\",\"url\":\"https:\/\/bloggingmafia.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bloggingmafia.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/BloggingMafia-NEW-min.png\",\"contentUrl\":\"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/BloggingMafia-NEW-min.png\",\"width\":171,\"height\":60,\"caption\":\"BloggingMafia\"},\"image\":{\"@id\":\"https:\/\/bloggingmafia.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/bloggingmafia.com\/#\/schema\/person\/a6e0536785275beba0941a9a510a478d\",\"name\":\"RipoN\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bloggingmafia.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/26323ced7165cba8168a48725c5f45f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/26323ced7165cba8168a48725c5f45f7?s=96&d=mm&r=g\",\"caption\":\"RipoN\"},\"sameAs\":[\"https:\/\/bloggingmafia.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image SEO Guide 2021 | Optimize Images for Blog Post SEO Ranking!","description":"A Complete Step by Step Guide to Image SEO. Learn how to Optimize a Image for Better ranking on Google before uploading on your blog post. by BloggingMafia.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bloggingmafia.com\/complete-image-seo\/","og_locale":"en_US","og_type":"article","og_title":"Image SEO Guide 2021 | Optimize Images for Blog Post SEO Ranking!","og_description":"A Complete Step by Step Guide to Image SEO. Learn how to Optimize a Image for Better ranking on Google before uploading on your blog post. by BloggingMafia.","og_url":"https:\/\/bloggingmafia.com\/complete-image-seo\/","og_site_name":"BloggingMafia","article_published_time":"2021-01-16T17:47:00+00:00","og_image":[{"width":950,"height":534,"url":"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg","type":"image\/jpeg"}],"author":"RipoN","twitter_card":"summary_large_image","twitter_misc":{"Written by":"RipoN","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/#article","isPartOf":{"@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/"},"author":{"name":"RipoN","@id":"https:\/\/bloggingmafia.com\/#\/schema\/person\/a6e0536785275beba0941a9a510a478d"},"headline":"Image SEO: The 2021 Guide To Optimize Images for Blog Post SEO","datePublished":"2021-01-16T17:47:00+00:00","dateModified":"2021-01-16T17:47:00+00:00","mainEntityOfPage":{"@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/"},"wordCount":2183,"commentCount":24,"publisher":{"@id":"https:\/\/bloggingmafia.com\/#organization"},"image":{"@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg","keywords":["On-Page SEO"],"articleSection":["SEO"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bloggingmafia.com\/complete-image-seo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/","url":"https:\/\/bloggingmafia.com\/complete-image-seo\/","name":"Image SEO Guide 2021 | Optimize Images for Blog Post SEO Ranking!","isPartOf":{"@id":"https:\/\/bloggingmafia.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/#primaryimage"},"image":{"@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg","datePublished":"2021-01-16T17:47:00+00:00","dateModified":"2021-01-16T17:47:00+00:00","description":"A Complete Step by Step Guide to Image SEO. Learn how to Optimize a Image for Better ranking on Google before uploading on your blog post. by BloggingMafia.","breadcrumb":{"@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bloggingmafia.com\/complete-image-seo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/#primaryimage","url":"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg","contentUrl":"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg","width":950,"height":534,"caption":"Image SEO"},{"@type":"BreadcrumbList","@id":"https:\/\/bloggingmafia.com\/complete-image-seo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bloggingmafia.com\/"},{"@type":"ListItem","position":2,"name":"Image SEO: The 2021 Guide To Optimize Images for Blog Post SEO"}]},{"@type":"WebSite","@id":"https:\/\/bloggingmafia.com\/#website","url":"https:\/\/bloggingmafia.com\/","name":"BloggingMafia","description":"Learn Blogging Like a Mafia","publisher":{"@id":"https:\/\/bloggingmafia.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bloggingmafia.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bloggingmafia.com\/#organization","name":"BloggingMafia","url":"https:\/\/bloggingmafia.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bloggingmafia.com\/#\/schema\/logo\/image\/","url":"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/BloggingMafia-NEW-min.png","contentUrl":"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2021\/07\/BloggingMafia-NEW-min.png","width":171,"height":60,"caption":"BloggingMafia"},"image":{"@id":"https:\/\/bloggingmafia.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bloggingmafia.com\/#\/schema\/person\/a6e0536785275beba0941a9a510a478d","name":"RipoN","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bloggingmafia.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/26323ced7165cba8168a48725c5f45f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/26323ced7165cba8168a48725c5f45f7?s=96&d=mm&r=g","caption":"RipoN"},"sameAs":["https:\/\/bloggingmafia.com"]}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/bloggingmafia.com\/wp-content\/uploads\/2020\/04\/Image-SEO.jpg","_links":{"self":[{"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/posts\/24"}],"collection":[{"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":0,"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/media\/35"}],"wp:attachment":[{"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bloggingmafia.com\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\n\n\n
Image SEO Infographics Table<\/h3>\n\n\n\n
\n\n\n\n Use Relevant Images<\/h2>\n\n\n\n
One image is equal to a thousand words. Its Fact that 70% of Bloggers & Writers never use proper images to their blog post. This is really a big mistake for you. By adding images to your post you can engage your readers by 300% more than simple contextual tex. Human eyes love to watch graphical content, So if you are not doing proper image implementation Then you will lose a huge opportunity to grave more potential readers for your blog.<\/p>\n\n\n\n
Now Question is how to find images? As you know we can’t use any images from google. Images may be copyright protected by the owner, So let me tell you how & where you will find lots of Copyright-free images.<\/p>\n\n\n\n
Guide to user Perfect & Relevant Images<\/strong><\/p>\n\n\n\n I personally use Canva & a Website to collect good images for my web post. Canva is a great web Application for photo editors & Content writers. It provides you to make hundreds of photo templates like Presentation, thumbnail, Status, Posters & many more.<\/p>\n\n\n\n Not only this you can also search for your needed image on canva photos. There are both premium & Free photos available to use at any time on your blog.<\/p>\n\n\n\n Choose any photo & click on Edit, Yes Canva also has inbuilt Photo editor & That’s Really Cool for everyone like me. No need to use photoshop for editing quick images.<\/p>\n\n\n\n Carefully choose the purpose of the image, so that it will be easy for you to choose the correct image for your blog post.<\/p>\n\n\n\n on the next page, you will get lots of editing features. like Text editing, Watermarking, Element design, Background changing and many more.<\/p>\n\n\n\n Now there is not only one site to get Free images. Canva is my personal Favourite, it’s completely free, you can go with their paid subscription to access all the premium photos.<\/p>\n\n\n\n Now Talk about other Free images site, my second favourite is AllFreePhotos.net<\/a>.<\/strong> This site is amazing & the main reason to mention this site is a Hub of every Free Photo providing sites. More than 35+ Popular Image site’s content assembled in one place.<\/p>\n\n\n\n This another great way to get 101% Copyright Free images. Only you need to have a bit of knowledge on editing images on Photo editor. By your choice, you can create any type of images & Graphic on behalf of your content.<\/p>\n\n\n\n When Free Image sites failed to provide relevant images I used my photo editor to make creative artwork for my blog.<\/p>\n\n\n\n You just need a photo editor & some Background images also you can use a blank photo to design. One more thing you can add PNG Images to add a shape on your graphic.<\/p>\n\n\n\n For PC I used PhotoScape<\/a> for editing any images, you can also use other photo editors ex: Photoshop<\/a>.<\/p><\/blockquote>\n\n\n\n For Mobile, I used an Application since 2014 called “Photo editor<\/a>” also you can use popular apps like Picsart<\/a>, Lightroom<\/a> or anything else.<\/p><\/blockquote>\n\n\n\n Now expand more about self-editing images.<\/p>\n\n\n\n First of all, use some Background images to edit on. You can use Gradient Backgrounds for better attraction. Nowadays many brands use Gradient colour everywhere like Smartphone Background & all.<\/p>\n\n\n\n I especially use uiGradients.com<\/a> site to get relevant background images.<\/p>\n\n\n\n if you follow me on YoUtube then you will be noticed that every thumbnail of my YouTube Videos has an attractive colour Gradient background image.<\/p><\/blockquote>\n\n\n\n Also, you can use Balck or White background images for editing. it depends on you how you will create your artwork.<\/p>\n\n\n\n When it comes to creating informative infographic or photos, You must use some PNG Clip arts. It will add lots of information to your photo & Thumbnail, Also will attract more people when your blog post or image shared on Social media.<\/p>\n\n\n\n Every impression is important, and it’s your duty to convert most impressions into a clicks.<\/p>RIPON<\/cite><\/blockquote>\n\n\n\n There are lots of sites claimed to provide PNG Images, But if you aske me which one is best for you, then the answer is KissPNG.com (KissPNG is now moved to See Blow Example of my Photo Editing.<\/p>\n\n\n\n Now I think you learn a lot of things about how to use Relevant Images on your blog post.<\/p>\n\n\n\n Now let’s move on the next Tips that is Picking a good filename of your image.<\/p>\n\n\n\n it is very important to give a good name of your image. Many people doing a common mistake that they never changed the Image file name before uploading on Website.<\/p>\n\n\n\n Now the question is how & what is the right way to rename an image file name?<\/p>\n\n\n\n Guide to Rename Image title<\/strong><\/p>\n\n\n\n We download images from various sources also sometimes we take screenshots, but the problem is we don’t look at the image title almost every time. This is the first SEO Mistake on Image SEO<\/strong>, So you need to fix that.<\/p>\n\n\n\n First of all, rename your image title with proper description. For example, if your current image title name is <\/p>\n\n\n\n Screenshot 2019-09-07 at 8.23.13 PM.jpg<\/strong><\/p>\n\n\n\n Then you should change in to like this-<\/p>\n\n\n\n MS-Dhoni-Quotes.jpg<\/strong><\/p>\n\n\n\n Tips:<\/strong> Try to include Targeted or Related keyword in the image title of your content for better SEO.<\/p>\n\n\n\n image dimensions mean the pixel size of the displayed photo size. This is really important when you are going to export the image size. Many people doing mistake by exporting very high dimension images. The more high resolution make the image file size(MB) bigger.<\/p>\n\n\n\n Now the question is What should be the right Dimensions of Blog Thumbnail & others Images.<\/p>\n\n\n\n Guide to Choosing Right Image Dimensions<\/strong><\/p>\n\n\n\n There is no ideal image size to use on the blog post, but we have to adjust as the purpose of using images on articles.<\/p>\n\n\n\n below I try to share my ideas of using Image Dimensions in different places.<\/p>\n\n\n\n when it comes on the thumbnail I always use 16:9 ratio images. There is 2 ideal size that most of the people use for their thumbnail image size.<\/p>\n\n\n\n When it comes on uploading images in the article then there is no single Dimension to use. As you saw above I have used many types of images. But personally, I maintained the maximum wide is 1000px for every landscape images. For Portrait photos the maximum wide is 500px.<\/span><\/p>\n\n\n\n However, it totally depends on the Image you use to. Also, you can take help of Canva to know different Templates sizes.<\/p>\n\n\n\n Your Blog’s Page Loading Speed is most important in SEO. Faster Page loading improves User Bounce rate<\/a>. <\/p>\n\n\n\n Are you shocked? By seeing My blog post Speed on above screenshot? You can also your blog faster.<\/p>\n\n\n\n I know you think I shall tell you to use WP Plugins? Not at all, dude. No need to use any third-party plugin. <\/p>\n\n\n\n Now The Question is How to Reduce the file size of images?<\/p>\n\n\n\n Guide to Reduce file size for faster loading<\/strong><\/p>\n\n\n\n After exporting your image You have to reduce file size to the actual size that can handle your server & also match the Google recommendation file size. <\/p>\n\n\n\n You have to reduce blog post images below 100Kb size for better IMAGE SEO to load faster on Mobilee & PC Device both.<\/p>\n\n\n\n To compress images I use an online tool called Compressjpeg.com<\/a><\/p>\n\n\n\n Blive me this site has Magical power. If you upload an image of 1080p with 800Kb file size, This site compresses your image up-to 90% without losing image quality.<\/strong><\/p>\n\n\n\n I have used soo many Plugins, Softwares & Online web tool but no one can beat.<\/p>\n\n\n\n Tips:<\/strong> Always try to use .jpg format images.<\/p>\n\n\n\n Now your image ready to upload & use on your Article.<\/p>\n\n\n\n Alt text<\/strong> (alternative text) is a word or phrase that can be inserted as an attribute in an HTML document to tell Web site viewers & Search engine crawlers the nature or contents of an image.<\/p>\n\n\n\n You may know we have to write a Meta description<\/a> of every Article to tell search engines about our content in 160 characters. Seems Alt Text is a Meta description for an image.<\/p>\n\n\n\n Now the question is how to write perfect Alt text of an image?<\/p>\n\n\n\n Guide to Image Alt Text for SEO<\/strong><\/p>\n\n\n\n This very simple to write alt text of an image, you just have to describe what the image contains & What type of image you are using.<\/p>\n\n\n\n Also, you can follow canva & other stock image sites to get more example of alt text.<\/p>\n\n\n\n let me share you some example<\/p>\n\n\n\n Adding a caption to an image is really helpful between Author & readers. A Caption is to define what you want to say visitors by adding this image.<\/p>\n\n\n\n As you can see I have added captions on every image on this post.<\/p>\n\n\n\n If you think that Alt text & Caption are similar then you are totally wrong. Alt-text is a description of image content, and the Caption is what you are trying to tell people by showing them an image.<\/p>\n\n\n\n Ther is no huge Benefits of using Captions under the image, But it is important to use. Because many browser & reader applications have a feature called ‘only Text View’ or ‘reading mode only’. image captions will help them while they are using that type of reading mode.<\/p>\n\n\n\n So it’s minor but important to use a caption to each & every image you upload on your blog post for god image SEO friendly.<\/p>\n\n\n\n Last but not the least is Using images in XML sitemaps.<\/p>\n\n\n\n As you know to crawl our website content we have to create a sitemap.xml file of our blog. A sitemap helps crawlers to index our links on search engine database.<\/p>\n\n\n\n We always creat sitemap for our blog post but forgot about that valuable images. After giving our valuable time on optimizing Image for SEO Friendly, if we do not generate a separate sitemap. All the hard work waste of time.<\/p>\n\n\n\n So make sure you have generated a proper sitemap of your images.<\/p>\n\n\n\n if you are using WordPress then there are many plugins available to generate image sitemap. Yoast<\/a> & Jetpack<\/a>(recommended) are the best plugins among them.<\/p>\n\n\n\n If you are using Yoast SEO plugin then you have to enable it from Yoast SEO Settings. Go to SEO>Search Appearance<\/strong> and select Media tab<\/strong>. You will see an option to check on Yes & save. See below screenshot.<\/p>\n\n\n\n in Jetpack plugin just go to Jetpack>Settings>Sitemap and enable the sitemap. I personally recommend using this sitemap for proper image XML sitemap.<\/p>\n\n\n\n Now you have completedly done every SEO Settings of your image.<\/p>\n\n\n\n I Know its long for each & every image to do such as all SEO technique, but there is no other option. If you are realy serious about SEO Then you have to do all Image SEO I have mentioned above in This Article. By doing regular practice you will be a Pro on it.<\/p>\n\n\n\n Also, Let me know after doing all of these image SEO settings on Your blog. What changes you will see in the search result.<\/p>\n\n\n\n I have been experienced about 5 years of blogging journey, And try to share some SEO Tips & Tricks through this Blog.<\/p>\n\n\n\n Feel Free to ask any question in the comment box below. I will be waiting for your Feedback.<\/p>\n\n\n\n Thank You!<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":35,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[16],"yoast_head":"\nUse Copyright Free Images<\/h3>\n\n\n\n
Canva.com<\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n<\/figure><\/div>\n\n\n\n
\n\n\n\nAllFreePhotos.net<\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n
\n\n\n\nUse Self Created Graphic Images<\/h3>\n\n\n\n
Download Some Background Images <\/h4>\n\n\n\n
Use PNG Clip-Arts<\/h4>\n\n\n\n
CleanPNG.com<\/s><\/a>). This is one of the most popular websites in the <\/p>\n\n\n\n<\/figure><\/div>\n\n\n\n
\n\n\n\nRename Your Image Title in a Right way<\/h2>\n\n\n\n
\n\n\n\nImage Dimensions<\/h2>\n\n\n\n
Thumbnail<\/h3>\n\n\n\n
In-Article<\/h3>\n\n\n\n
\n\n\n\nReduce file size for faster loading<\/h2>\n\n\n\n
\n\n\n\nImage alt text<\/h2>\n\n\n\n
Image Alt Text Example<\/figcaption><\/figure>\n\n\n\n
\n\n\n\nAdd Image Caption<\/h2>\n\n\n\n
Difference between Alt text & Caption<\/h3>\n\n\n\n
Benefits of Caption<\/h3>\n\n\n\n
\n\n\n\nUse images in your XML sitemaps<\/h2>\n\n\n\n
How to Make Image XML Sitemap?<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n\nConclusion<\/h2>\n\n\n\n