In a web page we need to show the contact for the company/organization, here I will show the proper way, taking SEO into consideration:

Phone and email

If you want the mobile user to be able to click the info and call the mobile phone app/email app: you need to use <a> tag with tel/mailto:

<a href=”tel:xxxx xxxx” style=”color:#fff !important”> xxxx xxxx </a>
<a href=”mailto:info@frankfu.click” style=”color:#fff !important”> info@frankfu.click </a>

 

Address

you need to use <address> tag to tell the search engine that this is an address.

Unfortunately there is no straight way to make it call the google map/ IOS map APP. but we can use a workaround to achieve this:

Open google map, search the address first. In the URL copy the address,  something like “https://www.google.com/maps/place/Melbourne+VIC+3004/@-37.8274812,144.9352466,13z/data=!3m1!4b1!4m5!3m4!1s0x6ad642af0f11fd81:0x5045675218ce7e0!8m2!3d-37.813611!4d144.963056″

 

Paste this into the href value:

<a href=”https://www.google.com/maps/place/Melbourne+VIC+3004/@-37.8274812,144.9352466,13z/data=!3m1!4b1!4m5!3m4!1s0x6ad642af0f11fd81:0x5045675218ce7e0!8m2!3d-37.813611!4d144.963056″><address style=”display:inline”>154 Buckley St, Essendon, Victoria 3040</address></a>

 

Then this will be also clickable for mobile user.