Thursday, December 8, 2022

How To Add Apple Touch Icon For Blogger Website?

Want to unleash SEO related questions like what is Apple Touch Icon? What are the different sizes of icons? How to set Apple Touch Icon in WordPress or Blogger? What If the icon is not working properly? All of these problems and solutions, we are discussing in this article. So let’s get started.

What is Apple Touch Icon?

Apple Touch Icon or Apple-touch-icon.png is similar to a favicon icon used for web pages on Apple iPhone, iPad and iPod Touch devices.

When someone bookmarks or saves your webpage or add in their home screens, this icon is used.

If you have a new website and you don’t know how to do SEO of my newbie website then here is an article about The Ultimate SEO Checklist For New Website | Get Traffic & Rank FAST.

Also In News:  How long will it take time to get Traffic Boost And Google SEO Ranking?

What if we don’t enable the Icon?

First, This icon is good for your website SEO purpose, second, it is just an enhancement to the favicon icon. If this file isn’t found in your web pages then Apple devices will use the screenshot of the pages as a favicon, which are looks like a white square. 

Adding Apple-Touch-Icon To a Blogger Website

Here I have a solution or you can say enhancement for the favicon icon – 

<link href=’Apple-touch-icon-114×114.png’  rel=’apple-touch-icon’ sizes=’114×114’/><link href=’Apple-touch-icon-72×72.png’  rel=’apple-touch-icon’ sizes=’72×72’/><link href=’Apple-touch-icon-iphone.png’  rel=’apple-touch-icon’/>

If you want to precompose images that means Apple devices shows it without gloss then here how you can get it – 

<link href=’Apple-touch-icon-114×114.png’  rel=’apple-touch-icon-precompose’ sizes=’114×114’/><link href=’Apple-touch-icon-72×72.png’  rel=’apple-touch-icon-precompose’ sizes=’72×72’/><link href=’Apple-touch-icon-iphone.png’  rel=’apple-touch-icon-precompose’/>

Apple-Touch-Icon Sizes 

As you are seeing so many different sizes of apple-touch icon because Apple devices from different Retina display use different favicon icon images. iPad, iPhone 4/4s/5 needs 144×144 px while the original iPad ( iPad 2 ) uses 72×72 px.
I have searched a lot and found that nowadays iOS 7 and iOS 8 devices is using something different sizes – 

Also In News:  Watch Emancipation Official Trailer Apple TV+

iOS7 sizes

See the different type of iOS7 sizes-

  • 60×60 px
  • 76×76 px
  • 120×120 px
  • 152×152 px
  • 167×167 px

Also for iOS 8 Sizes – 

  • 180×180 px

Should I have to use all different Apple Touch Icon Sizes Icons?

The answer is No. You don’t need to use all those different sizes for Apple touch icons. 

<link href=’Apple-touch-icon-iphone.png’  rel=’apple-touch-icon’ sizes=’60×60’/>

Click here If you want to set Apple Touch Icon for your Responsive Website

This is just enough to tell the Apple Touch Icon information to the Apple browsers.

For more Blogging and SEO-related queries click here.

Watch More Trending

Watch Emancipation Official Trailer Apple TV+

Watch Emancipation — Official Trailer | Apple TV+ full video in 480p, 720p, 1080p, 4K Ultra HD quality. [youtube] Video Description: Video Views: 2623561 Rating:...

Watch LEAKED REPORT: CCP Lied About Covid Virus. Was COVID Created in a Lab?

Watch LEAKED REPORT: CCP Lied About Covid Virus. Was COVID Created in a Lab? full video in 480p, 720p, 1080p, 4K Ultra HD quality. [youtube...

What To Stream This November 2022 On Netflix

Hello, streamers! There’s plenty to be thankful for Netflix in November 2022  because Netflix has arrived with some of the most awaited shows and...

More In News