Favicons are the small icons that appear on web browser tabs and when people bookmark your page. You can see examples of the BBC News favicon below. Having a good favicon is essential to help people quickly find your webpage if they have it open along with a bunch of other tabs, or to easily locate it in their bookmarks bar.
|Follow the red arrows...|
|Google Maps widget|
|A QR Code on the 'contact' page of a website|
And on my phone all I do is open an app (in my case, QRDroid), and aim my phone's camera more or less at my laptop's screen:
|My phone directly after scanning the code|
So, that's that for explanations. Now I hope you'll be surprised when you find out how easy it is to actually add all these things to your own site!
To create your own favicon, head to http://favicon.cc and get creative with the 16x16 pixels which you have to play around with. If you already have a logo, you can import it and edit it from there, though unless your logo is very simple the imported result may be unusable once it's been reduced to 256 pixels. Once you're happy with the result, download it and save it at the root of your website (for a normal website this is the same place as your index.html file). You don't need to add anything to your website's code at all! As long as it's in the correct place and is called favicon.ico then all modern browsers will automatically find it.
You can ask sites like Google and Twitter to give you html code for the widget you want. For Google Maps, press the link icon (red circle below), click "customize and preview embedded map", and copy the HTML code to where-ever you want the map to appear on your own website.
For Twitter, the process is very similar. Sign in to your Twitter account, press the cog at the top right corner of the page, and go to Settings. Select "Widgets" from the menu on the left and press "Create New". You can customize some colours and the size again, and you'll be given the code to paste into your site. The nice thing about Twitter widgets is you can choose to make a widget of any public feed; not only your own. You can also have more than one Twitter widget.
Go to http://goqr.me/. The default option is to create a text QR Code, but you'll see options for Text, URL, Call, SMS, or vCard. Select vCard and enter your contact information. You can watch the code dynamically grow as you fill in more fields. You can then either download the image file and use that directly in your website, or GoQR can even generate HTML, exactly like the Google and Twitter widgets described above, for you to embed directly. Personally I prefer to download the image, as the less your website relies on other services, the better, but either way will do.
And your website can now probably be regarded as complete. Remember, the favicon, the widgets, and the QR Code are all free optional extras if you order our site through Websited.