Wednesday, 17 May 2017

The 10 Things You Should Include In Your Website

Your website has a beautiful design with tons of useful content but there may sill be scope for improvement in other areas. For instance, does your website support Live Tiles? Can regular visitors search your content from their browsers? These are small things but they collectively add up and can surprisingly make a big difference to your website.




1. BUILD A WINDOWS LIVE TILE

With Windows 8.1, people can pin your website as a live tile on to their Windows start screen. This is a live tile so it will automatically pull new stories from your site’s RSS feed and may even show them as notifications.

Go to buildmypinnedsite.com, upload your site’s logo, add your RSS feed URL and it will generate the meta tags that you can put in the HEAD of your website temmplate. See Scott Hanselman’s blog for the more technical details.

2. ADD OPENSEARCH TO YOUR SITE

Most web browsers now let you search any website directly from the address bar without having to go through Google. For instance, in Google Chrome, you can type a website URL (like labnol.org), press the TAB key and then enter your search query to find related pages from that website.

You can link to the OpenSearch XML from your site’s HEAD and your site’s search engine will automatically get added to the user’s browser when they visit your site the next time. The Chromium website has more details how you can include OpenSearch in your website.

3. ADD A HUMANS.TXT FILE

You know about robots.txt but the other text file that is also gaining popularity is humans.txt. You need to place the file in the root directory of your website and it is expected to contain information about the different people who are behind that website.

Humans.txt files are totally optional but big websites like Google and Flickr have created one. See humanstxt.org to learn more.

4. INCLUDE TOUCH ICONS FOR IOS & ANDROID

You should upload touch icons for your website and these will be used when someone places a shortcut of your website on their mobile homescreen. The touch icons may have your site’s logo or even the initials so that users can instantly relate them with your brand.

Use the iconogen tool to generate the various touch icons for Android and Apple devices. 

5. ADD THE HOMESCREEN CALL OUT

If you have ever visited the Google Maps website on your iPad, you may have seen a prompt that points to the share button of the Safari browser inviting you to add a shortcut to the Maps website on the iOS homescreen.

You can include similar functionality in your own website with this JavaScript widget. It works for the both iOS Safari and Chrome on Android and the messages can be shown in many languages.

6. ALLOW RSS AUTO-DISCOVERY

RSS feeds are alive and there’s a section of Internet users who still prefer to read stories in their RSS Clients.

If your site offers RSS feeds, you need to include them in your website’s header so that browsers and RSS clients can auto-discover and subscribe to your feeds. All you have to do is include this line of code anywhere between the <head> tag of your website template.


<link rel="alternate" type="application/rss+xml" 
    title="Blog Title" href="Feed URL"/>

7. IMPLEMENT GOOGLE+ AUTHORSHIP

If you haven’t connected your website to Google+ yet, do it now.

There are at least two advantages – one, your profile picture will start appearing in Google search results next to your articles (which may improve click-through rates) and second, Google may put more trust on articles tied to verified online profiles and it could mean better search rankings.

8. INSERT THE FRAME BREAKER

Some websites that link to you may display your pages inside an IFRAME when those links are clicked. About.com does this and the previous version of Digg would also display external links inside a browser frame.

Since you cannot figure out which websites are embedding your site’s pages inside IFRAMEs, it may be a good idea to altogether prevent this from happening. Just add this JavaScript snippet anywhere in your code.

<script type="text/javascript">
  if (window.top !== window.self) {
     window.top.location = window.self.location;
  }
</script>

9. PUT QR CODES IN YOUR PRINT STYLESHEET

Yes, people do print web pages but the problem with printed pages is that there no easy way to link the paper with the source. How does someone know where a page was printed from?

That’s where QR Codes can help. With a little tweak to your print CSS, QR Codes will get appended whenever someone prints a page from your site. Later this QR code can be scanned to open the original webpage on a mobile device.

10. PUBLISH YOUR WEBSITE IN THE CHROME STORE

Google Chrome has millions of users worldwide and you’ll surprised to learn how easy it is to write a Chrome app for your website that you can publish in the Chrome web store.

It takes 5 minutes to write an app, an app will increase your website’s visibility and you need not be programmer to do that.

BONUS TIP: IMPRESS THE GEEKS

While you are on the Flipkart website, open your Chrome Developer Tools and switch to the console window. You may see a message inviting you to apply for a job at that company.

You can include the console.log() method of JavaScript to display nerdy messages to people who are trying to scrap your website.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Labels

404 AdBlock Add-on Airtel GPRS Trick Airtel SMS Trick Alexa Amazon Amazon Kindle Amazon Prime Android Android 8 Android Oreo antivirus Apple Apple Mac ASCII Audacity Audio Authotkey Backup Balance Transfer in Vodafone Battery Bing Blogger Blogging Bookmarklet Browser Camera Chromebook clock Cloud colors command lines Computer Computer Tricks configuration Contact Creative Commons Credit Card CSS devolop DIY Doodle DOS Download Dropbox E-Mail eBook Email Email Attachment Embed Encryption English Error Evernote Eyes Facebook Facebook Tricks Feedburner Flipkart Font Foursquare Free Internet Free sms trick in Vodafone G Mail Gadget Game Getty Images GIF Gists Github Google Google AdSense Google Analytics Google Apps Google Chrome Google Contacts Google Currents Google DNS Google Docs Google Drive Google Earth Google Font Google Forms Google Images Google Map Google Photos Google Play Store Google Plus Google Print Google Reader Google Script Google Sheets Google Spreadsheet Google Translate GPRS Setting GPS Hacking Health App HelloFax Hindi Hoodie HTML Icons idea Image Editing Images IMEI Indian Railways Infographics Instagram Internet Internet Explorer Internet Tricks iOS iPad iPhone IRCTC iTunes iTV JavaScript JioCinema JioTV Junglee Kindle Language Translation Laptop Laptop. TV Life Time FREE GPRS Life-Style Link Linkedln Linux logo Make Money Online Microdoft Powerpoint Microdoft Word Microsoft Office Microsoft Outlook Mobile Mosaic Music Name Networking nexus Notepad OCR Online Shopping Open DNS OS Outlook Password PDF Petya Phillips Hue Lights Photogtraphy Pixel Play Station Podcasts Pokemon Pokemon Go Polls Print Productivity Proxy Server Pushbullet QR Code Ransomware Reddit Reliance Hack GPRS Reliance Jio RGB Ringtone Router RSS Safe Mode Samsung Galaxy S Scrabble Screen Capture Screen Sharing Screencast Secrets Security Send free sms from PC SEO Sierra Skype Slideshare SMBv1 SMS Snapchat Snapdeal Social Media Solution Sound Device Speech Recognition Sql Steam Sync Synology NAS Tata Docomo GPRS trick Teleprompter Torrent Trick Tricks TV Twitter UltraISO Unicode Unknown Extension Unlimited 2GB Unlimited 3GB Unlimited GPRS USB USB Security Key Video Editing virtual desktop Virus attack VLC Vodafone 110% working trick for GPRS Vodafone 3g Vodafone GPRS VPN wallpapers WannaCry Web Design Web Domain Website Wget Whatsapp WiFi Wikipedia Windows Windows 10 Windows 10 S Windows KN Windows Tricks windows updates Winows N Wolfarm Alpha WordPress XBox YouTube Zip
Twitter Delicious Facebook Digg Stumbleupon Favorites More