-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog1.html
80 lines (78 loc) · 5.27 KB
/
blog1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Domine' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Barlow Semi Condensed' rel='stylesheet'>
<link rel="stylesheet" href="css/blog1.css" />
<link rel="icon" href="images/favicon.ico">
<title>How To Make Your Blog Images SEO Friendly</title>
</head>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<div id="navbar">
<ul>
<li><a href="contact.html" target="_blank">CONTACT</a></li>
<li><a href="gcstore.html" target="_blank">GC STORE</a></li>
<li><a href="wordpressseo.html" target="_blank">WORDPRESS SEO</a></li>
<li><a href="installwordpress.html " target="_blank">INSTALL WORDPRESS</a></li>
<li><a href="blog.html" target="_blank">BLOG</a></li>
<a href="index.html"><img src="/images/mdranahamid200300038.png" alt="Geeks Club Logo"/></a>
</ul>
</div>
<div id="banner">
<div id="card">
<p>
<h1><u>How To Make Your Blog Images SEO Friendly</u></h1>
<img src="/images/Developers-Nation-How-to-make-seo-friendly-images.jpg" alt="adsense">
<h3>SEO of a WordPress blog is done on many levels: Starting from onsite to on page SEO.Few important factors in SEO are using an appropriate image, appropriate keywords and; appropriate tag.</h3>
<h3>Images on your blogs are extremely important to get traffic from image-based search engines like Google image search. Here, unlike text-based content, search engine bots can’t see and identify your content like a normal user. They rely on the image ALT tag to identify and understand an image. Along with this, texts which are around your images also help to improve the ranking of your images in the image search engine.</h3>
<h2>How to add Alt tag to WordPress images:</h2>
<h3>Whenever you add an image into your blog post, you get an option to add Title and Alt tag, which takes care of image SEO. One easy way to add the Alt tag is manually by adding it to every image you upload. However, when you have an already existing site and you have to edit all old images to add alt tags, editing manually is a very time-consuming task. To our rescue is SEO Friendly Images WordPress Plugin.</h3>
<h3>SEO Friendly Images is one useful free WordPress image SEO plugin, which quickly adds ALT tag to your images.</h3>
<h3>In this guide, I will share how can you use SEO friendly images plugin to optimize WordPress blog images for search engine. This plugin is developed by Valadmir, who is also a developer of popular plugin SEO smart links and founder of ManageWP service. So, let’s start with this plugin:
<ul>
<li>Install and activate SEO friendly images plugin.</li>
<li>Once activated, go to Settings > SEO friendly images and configure the settings</li>
</ul>
</h3>
<img src="/images/SEO-friendly-images-Setting.png" alt="SEO">
<h3>Using this plugin you can automate both Title and Alt tag of your image. Though Search engine uses only Alt tag to understand your image, but title also plays a major role and it’s a good idea to give a meaningful name to your Title.</h3>
<h3>The best way to use this plugin is by giving a meaningful name to your image before uploading. Instead of uploading images like DSC0023.jpeg or so on, give it a Keyword-rich name before uploading. For ex: SEO-friendly-image.jpeg.</h3>
<h3>An ideal settings will be:
<ul>
<li>Use %name for ALT tag</li>
<li>%Title for Title tag</li>
</ul>
</h3>
<h3>Click on update options and that’s it. Now, your images will help you to increase the overall On-page SEO of your blog. Along with SEO friendly images plugin, I highly recommend you to Install ShortPixels, which will help you to optimize the size of your images and will also help you to load your page faster.</h3>
</p>
</div>
</div>
<div id="footer">
<span id="foot1">   Follow GeeksClub  
<i class="fa fa-twitter"></i> 
<i class="fa fa-instagram"></i> 
<i class="fa fa-youtube"></i></span>
<span id="foot2"><i class="fa fa-copyright"></i> 2020 Geeks Club | All Rights Reserved.   </span>
</div>
</div>
<script>
var mybutton = document.getElementById("myBtn");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 600 || document.documentElement.scrollTop > 600 ) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html>