This theme offers loads of search engine friendly options to give that extra boost for your Blog powered store pages.
404 Page Not Found
Error page has been assigned with this theme using Blogger's existing functions. To add text/HTML to error page go to
Settings
>
Search Preference
> under
Errors and redirection
section > click the
Custom Page Not Found
link > enter the text or HTML required.
Use Bootstrap3 class naming convention to assign how your text will display. Here are examples
typography
Common Meta Tags
Common meta tags used by search engines robots have been pre-installed on all pages made at your blog store. The
<title>
and
<description>
tags rendered dynamically & unique for each blog pages.
This theme also uses
fallback
texts if however users forgotten to write in their custom meta description which is available at
Blogger Editor
sidebar.
Fallback
includes a default image meta tag(s) in order for search engines to relate your blog pages with the image you have uploaded via Blog Editor for a specific page. This makes it easy for your to share your product posts to social media too!
To customize the custom meta tags, go to
Theme > Edit HTML
> find
<head>
& locate below mark-up:-
Twitter site and creator meta tags
<b:comment>Meta Types</b:comment>
<meta content='@irsahindesigns' name='twitter:site'/>
<meta content='@irsahindesigns' name='twitter:creator'/>
Replace
highlighted orange to your Twitter handle.
Meta Product/Page Image Fallback
<b:comment>Meta Images: Add image URL at var="defaultimage"...</b:comment>
value='"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFpURPKY_UzrTwNq2T90Nw0eOA1sOQ33sQTfVl1Xyl49JjiUr5PuDIkJNOWOAnuS0_R8nkAVxeXtVYc1xvt6Ka0Te-q7wzIj9Uq3BTnujxjpsGN33x50wGlPk6n9Shy5jsir21lEwzYw/s1600/placeholder-image.jpg"'
Replace
highlighted orange to your upload image. Preferred images uploaded via blogger post editor. Best image size
1200px
in width &
900px
in height at
4:3
image ratio.
Mobile Apps Icon
<b:comment>Icons: Add URL to image/icons at var="icon"...</b:comment>
value='"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVCaMl7_oJPfk7O5lS2svrFVZT5v9Kp3EVv8MLqfz_0hrSBFiG2qjWYicJXWarnfkkpC3LAilAr9dK_HSH7X6E1NZfEHvSP1ERT52fEowgzVDW2Fpz96Z-i4oKCrTAGiUpX4F3RKzBiL8/s1600/blogr-amp-215.png"'
Replace
highlighted orange to your upload image. Preferred images uploaded via blogger post editor. Best icon size
215px
in width &
215px
in height at
1:1
image ratio.
Mobile Browser Bar Color
<b:comment>Mobile Browser: Add color in Hex at var="themecolor"...</b:comment>
value='"#FF5722"'
Replace
highlighted orange to your preferred HEX color code.
Search Engine Meta Data
<b:comment>Search Engine Meta Data: Add Store Contact Number...</b:comment>
<script type='application/ld+json'>
{
... {{ codes }} ...
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+1-401-555-1212",
"contactType": "customer service"
}
}
</script>
Optimize Uploaded Post Images
Images play an important role to bring your blog content more closely to users/readers at your blog, either in PC or even mobile. Crisp, clear & large images will attract more than text only content, which also supports the topic you are addressing.
To optimize any images uploaded, reduce the image file size to below 150kb in making sure the images will load smoothly on slower internet connections. especially on mobile devices.
Before uploading to your blog, use free services like
https://tinypng.com/ to automatically compress you large images file size without deprecating the original image output.
This helps to reduce bandwith usages on Blogger servers & also reduce the amount of image space usages on your Google image online storage.