How to do automatic internal linking in blogger? | બ્લોગર માં ઓટોમેટિક ઇન્ટરનલ લિન્કિંગ કેવી રીતે કરવું ?
આ લેખમાં તમે જાણશો કે બ્લોગરમાં automatic internal linking(ઓટોમેટિક ઇન્ટરનલ લિન્કિંગ) કેવી રીતે કરવું. બ્લોગમાં આંતરિક લિંકિંગ કરવું જરૂરી છે. અને તેનાથી ઘણો ફાયદો થાય છે. બ્લોગમાં ઇન્ટરનલ કે આંતરિક લિંક કરવાની બે રીતો છે પહેલી રીત કે તમે જાતે લિંકિંગ કરો અને બીજી રીત એ છે કે આપમેળે લિંકિંગ કરવું. તે માટે આ લેખ આખો વાંચો જેથી તમે શાંતિથી અને સરળતાથી automatic internal linking કરી શકો.
સૌ પ્રથમ બ્લોગરમાં થીમ(theme) કે ટેમ્પ્લેટ(template)માં કાઈ પણ બદલાવ કરતા પહેલા બેકઅપ લેવો જરૂરી છે.
>બ્લોગરમાં બેકઅપ કેવી રીતે લેવો તે જાણવા અહીં ક્લીક કરો.
Automatic internal linking(ઓટોમેટિક ઇન્ટરનલ લિન્કિંગ) કરવાના ફાયદા:
જયારે આપણે કંઇક નવું કરીએ તો આપડા મનમાં થાય કે એવું કરવાના ફાયદા શુ ? તો તમે અહીં જાણશો કે automatic internal linking કરવાના ફાયદાઓ વિશે.
- Internal linking કરવાથી On Page SEO improve(સુધરે) થાય છે.
- Bounce Rate ઓછો થાય છે જેથી વિઝિટર(મુલાકાતી) તમારા બ્લોગ માં લાંબો સમય ટકે છે.
- બ્લોગ ગુગલમાં જલ્દી ઈન્ડેક્સ(Index) થાય છે.
- બ્લોગ નો દેખાવ(User Interface) સારો બને છે.
- પજ વ્યૂ ની સંખ્યામાં વધારો થાય છે.
બ્લોગર માં ઓટોમેટિક ઇન્ટરનલ લિન્કિંગ કરવાના પગલાં | Steps:
1.સૌ પ્રથમ blogger.com વેબસાઈટ ઉપર જાઓ.
2.ત્યાર બાદ થીમ ઓપ્શન સિલેક્ટ કરો.
3.હવે customizeની જમણી બાજુના એરો ઉપર ક્લીક કરો. એટલે ઘણા બધા ઓપ્શન કે મેનુ ખુલશે.
4.તેમાંથી edit HTML ઉપર ક્લીક કરો.
5.હવે તમારી સ્ક્રીન નીચે મુજબ દેખાશે. જેમાં ગમે તે જગ્યાએ કોડ માં એક ક્લીક કરો. બીજું કાંઈ કરવાનું નથી.
6.હવે તમે ctrl + F દબાવશો એટલે ડાબી બાજુ ઉપર નાનું એક સર્ચ ખુલશે જેમાં નીચેનો કોડ સર્ચ કરો.
</head>
હવે તેમાં નીચે નો કોડ </head> ની તરત જ ઉપર પેસ્ટ કરો. ફોટામાં દર્શાવ્યા મુજબ કંઇક દેખાશે.
<!-- Automatic internal linking part-1 START -->
<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>
<!-- Automatic internal linking part-1 END -->
7.હવે ઉપરની રીતે નીચેનો કોડ પણ શોધો.
<data:post.body/>
હવે નીચેનો કોડ <data:post.body/> ની તરત જ નીચે પેસ્ટ કરો. જો તમારી થીમ પોતાની હોય અથવા કસ્ટમ હોય તો સંભાવના છે કે તમને આ કોડ એકથી વધુ મળે. જો એકથી વધુ મળે તો બીજા નંબરનું લેવું.
<!-- Automatic internal linking part-2 START -->
<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>
<!-- Automatic internal linking part-2 END -->
8. આટલું કાર્ય બાદ હવે થીમ ને સેવ કરો.
Comments
Post a Comment