(DV\:D\VWR0RELOL]H\RXU:HEVLWH Summary of Mobile Website Best Practices: 1. Keep your layout simple 2. 3ULRULWL]HFRQWHQW 3. 8VHXQLTXHO\PRELOHIHDWXUHV 4. 'HVLJQIRUWKXPEVQRWPLFH 5. 0DNHLWHDV\WRFRQYHUW
It’s no secret that mobile web usage is exploding. Look at your website DQDO\WLFVKRZPXFKWUDɝFLVFRPLQJIURPDPRELOHGHYLFH",I\RXGRQȇW KDYHDPRELOHRSWLPL]HGZHEVLWHWKLVH[SHULHQFHPD\EHIUXVWUDWLQJ DQGVORZIRU\RXUFXVWRPHUV&UHDWLQJDPRELOHZHEVLWHZLOOLPSURYH SHUIRUPDQFHDQGJLYH\RXUPRELOHFXVWRPHUVDQH[SHULHQFHWKH\ZLOONHHS FRPLQJEDFNWR7RKHOS\RXJHWVWDUWHGZHȇYHSXWWRJHWKHUȴYHHDV\ZD\V WRPRELOL]H\RXUZHEVLWHFRQWHQW:
1. Keep your layout simple Keep layout simple so mobile users can navigate easily on the small screen. Use clear and concise headlines ȏText needs to be readable at arm’s length ȏ7DEVDQGH[SDQGHGȴHOGVFDQEHXVHIXOIRUDGGLWLRQDOGHWDLOV Keep scrolling simple ȏ0RELOHXVHUVSUHIHUWRVFUROOLQRQHGLUHFWLRQIURPWRSWRERWWRP Reduce clutter ȏHeadlinesEXOOHWSRLQWVZKLWHVSDFHDQGEXWWRQVPDNHDPRELOHwebsite easy WRQDYLJDWH ȏ,QFOXGHWDEVZLWKTXLFNOLQNVWRDFFHVVSRSXODUSURGXFWVDQGVHUYLFHV ȏ/LJKWHUFRORUHGEDFNJURXQGVKHOSFUHDWHDIHHOLQJRIVSDFHSLFWXUHVPDNH poor mobile backgrounds Make search easy ȏ8VHDYLVLEOHDQGSURPLQHQWVHDUFKER[ ȏ2QPRELOHWKHUHȇVOHVVVSDFHDQGWLPHDYDLODEOHIRUQDYLJDWLRQPHQXV6HDUFK UHVXOWVVKRXOGEHFOHDQDQGHDVLO\ȴOWHUHG
3ULRULWL]HFRQWHQW 0DNHLWHDV\IRUFXVWRPHUVRQWKHJRWRȴQGFRQWHQWWKDWLVmost relevant to WKHLUQHHGVDQGWDNHTXLFNDFWLRQ 6HOHFWYDOXDEOHFRQWHQWIRUXVHUVRQWKHJR ȏ7KLQNDERXWZKDWWKHWKUHHPRVWLPSRUWDQWWKLQJVDUHIRUDPRELOHFXVWRPHU and make them easy to access 3URYLGHDQDFWLRQRULHQWHGH[SHULHQFH ȏ8QGHUVWDQGWKHOLPLWDWLRQRIWKHPRELOHDWWHQWLRQVSDQDQGSURYLGHDQ H[SHULHQFHWKDWLVPRUHWUDQVDFWLRQDODQGDFWLRQRULHQWHGUDWKHUWKDQ browsing based 0DNHVLWHQDYLJDWLRQDQGORDGWLPHIDVW ȏ6WULSDOOXQQHFHVVDU\FRQWHQWLQRUGHUWRORZHUVLWHODWHQF\DQGresponse time ȏUse minimalistic and clean site code
Mobile Website Best Practices | Google Mobile Ads
3. Use uniquely mobile features Users can interact through touch, sound, sight, and location on their mobile device. Take advantage of this functionality to maximize user experience. 2HUXVHUVWKHPRVWUHOHYDQWLQIRUPDWLRQEDVHGRQWKHLUORFDWLRQ ȏ0DNHLWHDV\WRȴQGORFDOFRQWHQWRUVWRUHORFDWLRQV /HYHUDJHQDWLYHSKRQHIXQFWLRQDOLW\ ȏ8VHUVRQWKHLUPRELOHGHYLFHQRWRQO\KDYHDEURZVHUEXWWKHDELOLW\WRDFFHVV RWKHUIXQFWLRQVVXFKDV*36FDPHUDRUDQRWHSDG&DQ\RXOHYHUDJHWKHVH RWKHUIXQFWLRQVWREULQJXQLTXHYDOXHWRPRELOHXVHUV" ,IDSSOLFDEOHEXLOGDPRELOHWRVWRUHH[SHULHQFH ȏ8VHUVDUHPRUHOLNHO\WREHRXWDQGDERXWDQGUHDG\WRFRQYHUWȂGULYHstore WUDɝFWR\RXUUHWDLOORFDWLRQVDQGFKDQQHOSDUWQHUV
'HVLJQIRUWKXPEVQRWPLFH Remember that most smartphone users will be interacting with your website through a touch screen. 'HVLJQWRSUHYHQWDFFLGHQWDOFOLFNV ȏ%XWWRQVDQGOLQNVVKRXOGVSUHDGRXWWRDYRLGDFFLGHQWDOFOLFNV ȏ'LVWLQFWO\FRORUHGEXWWRQVVWDQGRXWDQGFRQYHUVLRQEXWWRQVVKRXOGEHODUJHU DQGPRUHSURPLQHQW ȏ/DEHOEXWWRQVZLWKGHVFULSWLYHWH[WWRPDQDJHH[SHFWDWLRQVDERXWZKHUHWKH XVHUZLOOEHWDNHQQH[W $YRLGKRYHURYHUPHQXV ȏ$PRXVHFRPHVZLWKEXWWRQVEXWKDQGVGRQȇW ȏ0HQXVWKDWH[SDQGWRPRUHRSWLRQVDUHDSRRUPRELOHH[SHULHQFHEHFDXVHWKH XVHUPXVWEHWRXFKLQJWKHVFUHHQIRUWKHPHQXWRZRUN
0DNHLWHDV\WRFRQYHUW Make it easy for users to convert on the go. 6KRUWHQWKHFRQYHUVLRQSURFHVV ȏ.HHSIRUPVFRQFLVHE\UHGXFLQJXQQHFHVVDU\ȴHOGV ȏ&RQYHUVLRQIXQQHOVVKRXOGEHVLPSOH .HHSFDOOVWRDFWLRQFOHDU ȏ8VHEXOOHWSRLQWVDQGLQIRUPDWLRQVQLSSHWVIRUPD[LPXPLPSDFW 0DNHDFFRXQWDFFHVVHDV\ ȏ0DNHORJLQTXLFNDQGVDYHGHWDLOVIRUIDVWHUFRQYHUVLRQV &OLFNWRFDOO&RQQHFWZLWK\RXUFXVWRPHUV ȏ,I\RXKDYHVDOHVSHRSOHUHPHPEHU\RXUSKRQHLVDFRPPXQLFDWLRQGHYLFH DQGGRQȇWIRUJHWWKDWPRELOHZHEVLWHVDUHRQHRIWKHEHVWZD\VWRFRQQHFWXVHUV to sales instantly Hear more tips on mobilizing your website by watching the “Are you mobile ready” webinar at http://www.youtube.com/watch?v=j-xhlNpNhs
On mobile, there's less space and time available for navigation menus. Search results should be clean ... Strip all unnecessary content in order to lower site latency and response time. ⢠Use minimalistic and clean ... Users can interact through touch, sound, sight, and location on their mobile device. Take advantage of this ...