If you have created your blog website on blogger.com, then whenever you publish a new post, you must have put an automatic internal linking in blogger site or if you do not put an internal link, then you must put it.
What are internal links
Adding links to the content next to your own website related to it provided in relevant places or relevant text in your posts is called internal linking. Therefore, an internal link is a reference to another page of the same website, which is detailed in other posts. It provides readers with further material on certain topics where they feel the need for it.
Internal linking required
Internal linking is one of the most important ranking factors for a website. In addition to external links (i.e. references to or from external websites), internal linking is also of great importance for SEO. This is due to the fact that a large number of pages on the Internet can be accessed through internal links.
In addition, internal links are suitable for showing Google crawlers which pages of the website are most relevant to that topic.
In addition to being relevant to SEO, internal linking also greatly improves the user-friendliness of your website. Internal links can provide users with more information on a specific topic where it is needed.
You can use internal linking to refer users to more of your information. These are also generally helpful to your website visitors and can contribute to a positive user experience and make them stay on the website longer.
How to do internal linking
Basically, your website’s internal link structure should be as natural, highlighted and user-friendly as possible, so that users can navigate your website easily.
In addition, you should also avoid putting too many internal links on one page.
Generally, you should avoid trivial link text like “show more” or “read more” when creating internal links, as search engines don’t pay as much attention to them as keyword anchor text.
When you create any post, in any of its relevant text, you can put the URL of any of your other posts related to that text through the Add URL section. Since it takes more time to do this, automatic internal linking is used for this. The way to apply it in blog websites is as follows:
Step 1. Firstly, open the Blogger Dashboard.
Step 2. Now open the Edit HTML by opening the Theme section, but don’t forget to back up the theme before making any changes to the theme.
Step 3. Now after the HTML coding of the theme is opened, search for </head> in it and add this CSS code right above it.
<b:if cond='data:blog.pageType != "index"'><style type='text/css'>/* Multi Related Post */.gourabdesignmultiRelated{background-color:#2a2a2a;color:#fff;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s}.gourabdesignmultiRelated:hover{background-color:#222}.gourabdesignmultiRelated .content{padding:12px 15px}.gourabdesignmultiRelated .content .text{margin-right:5px}.gourabdesignmultiRelated .content a{color:#fff;text-decoration:none;line-height:1.5em}.gourabdesignmultiRelated .content a:hover{text-decoration:underline}.gourabdesignmultiRelated .icon{height:auto;min-width:55px;background:#f44336 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;transition:all .3s}</style></b:if>Step 4. Now search this <data:post.body/> code and add below function code under it, then save it. If <data:post.body/> appears twice in your theme, save the theme by adding it below the second <data:post.body/> .
<b:if cond='data:view.isPost'><script type='text/javascript'>//<,a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1);for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'gourabdesignmultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})();var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}}function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx}function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false}//]]></script> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:view.isPost'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=100"'/> </b:if> </b:loop> </b:if><script type='text/javascript'>//< * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.gourabdesignmultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();//]]></script></b:if>Now every post on your website has automatic internal linking.
Customization of automatic internal linking code
1. You can change the anchor text color, background color, etc., or customize it according to your theme, by changing the CSS code of automatic internal linking. Its color codes will look like #….. to you. You can get HTML codes of different colors with the help of HTML color codes, and then replace these color codes with them.
2. If you want to remove the arrow symbol in automatic internal linking, then remove the following code given in the CSS code.
.gourabdesignmultiRelated .icon{height:auto;min-width:55px;background:#f44336 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;transition:all .3s}3. If you want to increase or decrease the automatic internal linking, then set the number as you wish in the following code given in the function code:
var jumlah = 4;4. If you want to write something else instead of ‘Also Read’ written in automatic internal linking, then replace ‘Also Read’ written in the function code with the specified text as per your wish.
Conclusion
We have explained the important automatic internal linking to create high quality content with the help of this article. So that your content is the best for your visitors.
If you have not understood any thing or topic related to automatic internal linking, then you can ask by commenting in the comment box below.
Able People Encourage Us By Donating : सामर्थ्यवान व्यक्ति हमें दान देकर उत्साहित करें।
Thanks for reading: Automatic internal linking in Blogger site, Please, share this article. If this article helped you, then you must write your feedback in the comment box.
