When it comes to mobile, we're all

When it comes to mobile, we're all still learning! If you're just starting out with a new mobile site, converting an old site to mobile, or exploring neat things like responsive design, there are some great best-practice guides to start you off. Instead of hogging them on my hard disk, I thought I'd publish my growing list here...

General guidelines

Google's developer guide to smartphone sites - this is the most important document and the best place to start:
https://developers.google.com/webmasters/smartphone-sites/

For sites with separate mobile and desktop URLs, this section is especially important:
https://developers.google.com/webmasters/smartphone-sites/details#separateurls

These are common mistakes Google has seen in mobile sites:
https://developers.google.com/webmasters/smartphone-sites/common-mistakes

Changing in rankings of smartphone search results:
http://googlewebmastercentral.blogspot.co.uk/2013/06/changes-in-rankings-of-smartphone_11.html

25 key principles of mobile site design:
http://www.google.com/think/multiscreen/whitepaper-sitedesign.html

Responsive sites

Where to start with responsive design:
http://googlewebmastercentral.blogspot.co.uk/2012/04/responsive-design-harnessing-power-of.html

Switching over from a separate mobile site to a responsive site (or vice-versa):
https://developers.google.com/webmasters/smartphone-sites/change-configuration

Crawling and indexing

Crawling mobile sites:
http://googlewebmastercentral.blogspot.co.uk/2014/01/a-new-googlebot-user-agent-for-crawling.html

Videos by Matt Cutts covering mobile issues

Is there a way to tell Google about a mobile version of a page?
https://www.youtube.com/watch?v=HVQHbfpqXHM

Is there an SEO disadvantage to using responsive design...?
https://www.youtube.com/watch?v=D03wRb4s7MU

Is page speed a more important factor for mobile sites?
https://www.youtube.com/watch?v=-I4rWnQxxkM

Does indexing a mobile website create a duplicate content issues? (Also covers cloaking)
https://www.youtube.com/watch?v=mY9h3G8Lv4k

Should we create a mobile version of our site? (old video from 2010)
https://www.youtube.com/watch?v=pJ_UP_1JERc

Should I use the Vary HTTP header...?
http://www.youtube.com/watch?v=va6qtaiZRHg

Analyzing and improving mobile sites

Google's Maile Ohye has made some great videos about analyzing and improving mobile sites using data in Webmaster Tools and Google Analytics. They're summarized and linked from this blog post:

Checklist and videos for mobile website improvement
http://googlewebmastercentral.blogspot.co.uk/2013/12/checklist-and-videos-for-mobile-website.html

Analyzing search queries for mobile sites:
http://googlewebmastercentral.blogspot.co.uk/2014/01/improved-search-queries-stats.html

Speed and user experience

Making smartphone sites load fast
http://googlewebmastercentral.blogspot.co.uk/2013/08/making-smartphone-sites-load-fast.html

That post introduces PageSpeed Insights, which will give you a report on the speed and user experience of your mobile and desktop sites:
https://developers.google.com/speed/pagespeed/insights/

Quick fixes in mobile website performance (a video by Maile)
https://www.youtube.com/watch?v=gy_m44X3I84

Avoiding faulty redirects in sites with separate desktop and mobile URLs:
http://googlewebmastercentral.blogspot.co.uk/2014/06/faulty-redirects.html

Tablets

Giving Tablet Users the Full-Sized Web - Pierre Far explains why tablets are often best served with desktop sites:
http://googlewebmastercentral.blogspot.co.uk/2012/11/giving-tablet-users-full-sized-web.html

ลงชื่อเข้าใช้เพื่อตอบ

ผลลัพธ์ (ไทย) 1:

เมื่อมันมาถึงโทรศัพท์มือถือ เรายังคงเรียนทั้งหมด ถ้าคุณเพิ่งเริ่มออกกับไซต์มือถือใหม่ แปลงเป็นเว็บไซต์เก่ามือถือ หรือสำรวจสิ่งต่าง ๆ อย่างเช่นออกแบบตอบสนอง มีบางคำแนะนำปฏิบัติดีการเริ่มต้นคุณ แทน hogging เหล่านั้นบนฮาร์ดดิสก์ของฉัน ฉันคิดว่า ฉันจะเผยแพร่รายการของฉันเติบโตที่นี่... แนวทางทั่วไปคู่มือนักพัฒนาของ Google เว็บไซต์สมาร์ทโฟน - นี่คือเอกสารสำคัญที่สุดและการเริ่มต้น:https://developers.google.com/webmasters/smartphone-sites/สำหรับไซต์ที่มี Url เคลื่อน และเดสก์ท็อปแยกต่างหาก ส่วนนี้มีความสำคัญอย่างยิ่ง:https://developers.google.com/webmasters/smartphone-sites/details#separateurlsมีข้อผิดพลาดทั่วไปที่เห็นในเว็บไซต์มือถือ Google:https://developers.google.com/webmasters/smartphone-sites/common-mistakesการเปลี่ยนแปลงในการจัดอันดับของผลลัพธ์การค้นหาสมาร์ทโฟน:http://googlewebmastercentral.blogspot.co.uk/2013/06/changes-in-rankings-of-smartphone_11.html25 คีย์หลักการออกแบบเว็บไซต์มือถือ: http://www.google.com/think/multiscreen/whitepaper-sitedesign.html เว็บไซต์ที่ตอบสนองตำแหน่งที่จะเริ่มต้น ด้วยการออกแบบตอบสนอง:http://googlewebmastercentral.blogspot.co.uk/2012/04/responsive-design-harnessing-power-of.htmlสลับผ่านจากแยกยูสเซอร์ไปยังไซต์ที่ตอบสนอง (กลับ):https://developers.google.com/webmasters/smartphone-sites/change-configurationรวบรวมข้อมูลและการทำดัชนีรวบรวมข้อมูลเว็บไซต์มือถือ:http://googlewebmastercentral.blogspot.co.uk/2014/01/a-new-googlebot-user-agent-for-crawling.htmlวิดีโอ โดย Matt Cutts ครอบคลุมปัญหามือถือมีวิธีบอก Google เกี่ยวกับรุ่นมือถือของเพจhttps://www.youtube.com/watch?v=HVQHbfpqXHMมีข้อเสียที่ SEO เพื่อใช้ออกแบบตอบสนอง...https://www.youtube.com/watch?v=D03wRb4s7MUความเร็วหน้าเป็นปัจจัยสำคัญสำหรับเว็บไซต์มือถือhttps://www.youtube.com/watch?v=-I4rWnQxxkMไม่ทำดัชนีเว็บไซต์โมบายสร้างซ้ำเนื้อหาประเด็นหรือไม่ (ยังครอบคลุมถึง cloaking)https://www.youtube.com/watch?v=mY9h3G8Lv4kเราควรสร้างรุ่นมือถือของเว็บไซต์ของเรา (วิดีโอเก่าจาก 2010)https://www.youtube.com/watch?v=pJ_UP_1JERcฉันควรใช้ส่วนหัว HTTP ที่แตกต่างกันไป... http://www.youtube.com/watch?v=va6qtaiZRHgการวิเคราะห์และปรับปรุงเว็บไซต์มือถือOhye โรงของ Google ได้ทำวิดีโอดีบางอย่างเกี่ยวกับการวิเคราะห์ และปรับปรุงเว็บไซต์มือถือที่ใช้ข้อมูลในเครื่องมือดูแลเว็บและ Google Analytics พวกเขากำลังสรุป และเชื่อมโยงจากบล็อกโพสต์นี้:ตรวจสอบและวิดีโอการปรับปรุงเว็บไซต์โทรศัพท์มือถือ http://googlewebmastercentral.blogspot.co.uk/2013/12/checklist-and-videos-for-mobile-website.htmlวิเคราะห์แบบสอบถามการค้นหาสำหรับเว็บไซต์มือถือ:http://googlewebmastercentral.blogspot.co.uk/2014/01/improved-search-queries-stats.htmlความเร็วและผู้ใช้สมาร์ทโฟนที่ทำให้เว็บไซต์โหลดเร็วhttp://googlewebmastercentral.blogspot.co.uk/2013/08/making-smartphone-sites-load-fast.htmlโพสต์ที่แนะนำความเข้าใจ PageSpeed ซึ่งจะทำให้คุณรายงานประสบการณ์เร็วและผู้ใช้ของไซต์ของคุณเคลื่อนที่ และเดสก์ท็อป:https://developers.google.com/speed/pagespeed/insights/แก้ไขอย่างรวดเร็วประสิทธิภาพการทำงานของเว็บไซต์โมบาย (วิดีโอตามโรง)https://www.youtube.com/watch?v=gy_m44X3I84หลีกเลี่ยงการเปลี่ยนเส้นทางที่ชำรุดในไซต์ที่มี Url เดสก์ท็อป และมือถือแยกต่างหาก:http://googlewebmastercentral.blogspot.co.uk/2014/06/faulty-redirects.htmlเม็ดให้ผู้ใช้แท็บเล็ตเว็บ Full-Sized - ฟาร์ Pierre ที่อธิบายทำไมเม็ดส่วนมักเสิร์ฟกับเดสก์ท็อปไซต์:http://googlewebmastercentral.blogspot.co.uk/2012/11/giving-tablet-users-full-sized-web.htmlลงชื่อเข้าใช้เพื่อตอบ

ผลลัพธ์ (ไทย) 2:

เมื่อมาถึงมือถือเรากำลังทั้งหมดยังคงเรียนรู้! หากคุณเพิ่งเริ่มออกกับเว็บไซต์โทรศัพท์มือถือใหม่แปลงเว็บไซต์เก่าไปยังมือถือหรือการสำรวจสิ่งที่เรียบร้อยเช่นการออกแบบที่ตอบสนองมีบางอย่างที่ดีแนะนำปฏิบัติที่ดีที่สุดที่จะเริ่มต้นคุณออก แทนที่จะ hogging พวกเขาบนฮาร์ดดิสก์ของฉันฉันคิดว่าฉันต้องการเผยแพร่รายการที่เพิ่มขึ้นของฉันที่นี่ ... หลักเกณฑ์ทั่วไปคู่มือนักพัฒนาของ Google ไปยังเว็บไซต์มาร์ทโฟน - นี้เป็นเอกสารที่สำคัญที่สุดและเป็นสถานที่ที่ดีที่สุดที่จะเริ่มต้น: https: // นักพัฒนา google.com/webmasters/smartphone-sites/ สำหรับเว็บไซต์ที่มีมือถือที่แยกต่างหากและ URL สก์ท็อปส่วนนี้เป็นสิ่งสำคัญโดยเฉพาะอย่างยิ่ง: https://developers.google.com/webmasters/smartphone-sites/details#separateurls เหล่านี้เป็นความผิดพลาดที่พบบ่อย Google มี เห็นในเว็บไซต์มือถือ: https://developers.google.com/webmasters/smartphone-sites/common-mistakes การเปลี่ยนแปลงในการจัดอันดับของการค้นหามาร์ทโฟน หลักการสำคัญของการออกแบบเว็บไซต์มือถือ: http://www.google.com/think/multiscreen/whitepaper-sitedesign.html เว็บไซต์ที่ตอบสนองต่อการที่จะเริ่มต้นด้วยการตอบสนอง มาจากเว็บไซต์โทรศัพท์มือถือที่แยกต่างหากเพื่อเว็บไซต์ที่ตอบสนอง (หรือกลับกัน): https://developers.google.com/webmasters/smartphone-sites/change-configuration รวบรวมข้อมูลและจัดทำดัชนีคลานมือถือ โดย Matt Cutts ครอบคลุมประเด็นมือถือมีวิธีที่จะบอก Google เกี่ยวกับรุ่นมือถือของหน้า? https://www.youtube.com/watch?v=HVQHbfpqXHM มีข้อเสีย SEO เพื่อใช้ออกแบบที่ตอบสนอง ... ? https : //www.youtube.com/watch? v = D03wRb4s7MU? คือความเร็วหน้าเป็นปัจจัยที่สำคัญมากขึ้นสำหรับเว็บไซต์มือถือ? https://www.youtube.com/watch?v=-I4rWnQxxkM ไม่ทำดัชนีเว็บไซต์มือถือสร้างเนื้อหาที่ซ้ำกัน ปัญหา? (นอกจากนี้ยังครอบคลุมถึงการสวมเสื้อ) https://www.youtube.com/watch?v=mY9h3G8Lv4k เราควรจะสร้างรุ่นมือถือของเว็บไซต์ของเรา? (วิดีโอเก่าจากปี 2010) https://www.youtube.com/watch?v=pJ_UP_1JERc ฉันควรใช้แตกต่างกันไปส่วนหัว HTTP ... ? http://www.youtube.com/watch?v=va6qtaiZRHg การวิเคราะห์และการปรับปรุง เว็บไซต์โทรศัพท์มือถือของ Google Maile Ohye ได้ทำบางวิดีโอที่ดีเกี่ยวกับการวิเคราะห์และการปรับปรุงเว็บไซต์มือถือโดยใช้ข้อมูลในเครื่องมือของผู้ดูแลและ Google Analytics พวกเขากำลังสรุปและเชื่อมโยงจากการโพสต์บล็อกนี้: ตรวจสอบและวิดีโอสำหรับเว็บไซต์มือถือ คำค้นหาที่สำหรับเว็บไซต์มือถือ: http://googlewebmastercentral.blogspot.co.uk/2014/01/improved-search-queries-stats.html ความเร็วและประสบการณ์ของผู้ใช้มาร์ทโฟนทำเว็บไซต์โหลดเร็วhttp://googlewebmastercentral.blogspot.co สหราชอาณาจักร / 2013/08 / ทำมาร์ทโฟนเว็บไซต์โหลด fast.html ที่โพสต์แนะนำ PageSpeed ​​Insights ซึ่งจะทำให้คุณมีรายงานเกี่ยวกับความเร็วและประสบการณ์การใช้งานของเว็บไซต์โทรศัพท์มือถือและสก์ท็อปของคุณ: https://developers.google com / ความเร็ว / PageSpeed ​​/ ข้อมูลเชิงลึก / การแก้ไขอย่างรวดเร็วในการปฏิบัติงานเว็บไซต์มือถือ (วิดีโอโดย Maile) https://www.youtube.com/watch?v=gy_m44X3I84 หลีกเลี่ยงความผิดพลาดในการเปลี่ยนเส้นทางเว็บไซต์ที่มีสก์ท็อปที่แยกต่างหากและ URL มือถือ: http: / /googlewebmastercentral.blogspot.co.uk/2014/06/faulty-redirects.html แท็บเล็ตให้ผู้ใช้แท็บเล็ตเว็บขนาดเต็ม - ปิแอร์ฟาร์อธิบายว่าทำไมเม็ดมักจะทำหน้าที่ที่ดีที่สุดกับสก์ท็อป

ผลลัพธ์ (ไทย) 3:

เมื่อมันมาถึงโทรศัพท์มือถือ เรายังคงเรียนรู้ หากคุณเพิ่งเริ่มออกกับเว็บไซต์โทรศัพท์มือถือใหม่ แปลงเป็นเว็บไซต์เก่า มือถือ หรือสำรวจสิ่งที่ประณีต เช่น การออกแบบที่ตอบสนอง มีบางอย่างที่ดีปฏิบัติที่ดีที่สุดคู่มือการเริ่มต้นคุณออก แทนที่จะใช้พวกเขาบนฮาร์ดดิสก์ของฉัน ฉันคิดว่า ฉันจะประกาศรายชื่อผมโตที่นี่ . . . . . . .



แนวทั่วไปนักพัฒนาของ Google แนะนำเว็บไซต์ - มาร์ทโฟนนี้คือเอกสารที่สำคัญที่สุดและสถานที่ที่ดีที่สุดในการเริ่มต้น :
https : / / นักพัฒนา Google . com / webmasters / เว็บไซต์ /

สำหรับมาร์ทโฟนโทรศัพท์มือถือและสก์ท็อปไซต์แยก URL ส่วนนี้เป็นสิ่งสำคัญโดยเฉพาะอย่างยิ่ง :
https : / / นักพัฒนา Google . com / webmasters / มาร์ทโฟน เว็บไซต์ / รายละเอียด# separateurls

เหล่านี้เป็นข้อผิดพลาดทั่วไปที่ Google ได้เห็นในเว็บไซต์มือถือ :
https : / / นักพัฒนา Google . com / webmasters / มาร์ทโฟน เว็บไซต์ / ข้อผิดพลาดทั่วไป

เปลี่ยนอันดับของผลการค้นหามาร์ทโฟน :
http : / / googlewebmastercentral . บริการ . โดยเว็บไซต์ดังกล่าว / 2012 / 06 / changes-in-rankings-of-smartphone_11 . html

25 หลักการสำคัญของการออกแบบเว็บไซต์มือถือ :




http://www.google.com/think/multiscreen/whitepaper-sitedesign.html เว็บไซต์ที่ตอบสนอง เริ่มต้นด้วยการออกแบบที่ตอบสนอง :
http :/ / googlewebmastercentral . บริการ . โดยเว็บไซต์ดังกล่าว / 2012 / 04 / ตอบสนองการออกแบบการควบคุมอำนาจของ HTML .

เปลี่ยนไปจากแยกเว็บไซต์มือถือไปยังไซต์ที่ตอบสนอง ( หรือในทางกลับกัน ) :
https : / / นักพัฒนา Google . com / webmasters / มาร์ทโฟน เว็บไซต์ / เปลี่ยนค่า



รวบรวมข้อมูลรวบรวมข้อมูลและการสร้างดัชนีเว็บไซต์มือถือ :
http : / / googlewebmastercentral . บริการ . โดยเว็บไซต์ดังกล่าว / 2010 / 01 / a-new-googlebot-user-agent-for-crawling . html

วิดีโอโดย Matt Cutts ครอบคลุมประเด็น

มือถือมีวิธีการบอก Google เกี่ยวกับมือถือรุ่นของหน้า
https://www.youtube.com/watch ? V = hvqhbfpqxhm

มีข้อเสีย SEO เพื่อใช้ออกแบบ . . . ตอบสนอง ?
https://www.youtube.com/watch ? V = d03wrb4s7mu

คือความเร็วหน้าปัจจัยที่สำคัญมากขึ้นสำหรับเว็บไซต์มือถือ ?
https://www.youtube.com/watch ? i4rwnqxxkm

V = -ทำดัชนีเว็บไซต์มือถือที่สร้างซ้ำเนื้อหาประเด็น ? ( ยังครอบคลุมงำ )
https://www.youtube.com/watch ? V = my9h3g8lv4k

เราควรจะสร้างรุ่นมือถือของเว็บไซต์ของเรา ( เก่าวิดีโอจาก 2010 )
https://www.youtube.com/watch ? V = pj_up_1jerc

ฉันควรจะใช้แตกต่างกันส่วนหัว HTTP . . . ?
http://www.youtube.com/watch ? V = va6qtaizrhg

วิเคราะห์และปรับปรุงเว็บไซต์มือถือ

ของ Google ohye เมลได้บางมากวิดีโอเกี่ยวกับการวิเคราะห์และการปรับปรุงเว็บไซต์มือถือที่ใช้ข้อมูลในเครื่องมือเว็บมาสเตอร์และ Google Analytics . พวกเขาสรุปและเชื่อมโยงจากบล็อกนี้ :

ตรวจสอบวิดีโอสำหรับโทรศัพท์มือถือและเว็บไซต์การปรับปรุง
http : / / googlewebmastercentral . บริการ . โดยเว็บไซต์ดังกล่าว / 2013 / 12 / ตรวจสอบและวิดีโอสำหรับเว็บไซต์มือถือ . html

วิเคราะห์ค้นหาสำหรับเว็บไซต์มือถือ :
http :/ / googlewebmastercentral . บริการ . โดยเว็บไซต์ดังกล่าว / 2010 / 01 / ปรับปรุงการค้นหาสถิติ . html



ทำให้ความเร็วและประสบการณ์ของผู้ใช้มาร์ทโฟนไซต์โหลดเร็ว
http : / / googlewebmastercentral . บริการ . โดยเว็บไซต์ดังกล่าว / / 08 / 2013 ทำให้มาร์ทโฟนไซต์โหลดเร็ว . html

ที่โพสต์แนะนำ pagespeed ข้อมูลเชิงลึก ซึ่งจะให้ คุณรายงานเกี่ยวกับความเร็วและประสบการณ์ของผู้ใช้ของเว็บไซต์มือถือและเดสก์ทอปของคุณ :
https : / / นักพัฒนาgoogle . com / ความเร็ว / pagespeed / ข้อคิด /

ด่วนแก้ไขในมือถือประสิทธิภาพเว็บไซต์ ( วิดีโอโดยเมล )
https://www.youtube.com/watch ? V = gy_m44x3i84

หลีกเลี่ยงเส้นทางที่ผิดพลาดในเว็บไซต์ด้วยเดสก์ทอปแยกและ URL มือถือ :
http : / / googlewebmastercentral . บริการ . โดยเว็บไซต์ดังกล่าว / 2010 / 06 / ข้อผิดพลาดการเปลี่ยนเส้นทาง . html


แก้ให้ผู้ใช้แท็บเล็ตขนาดเต็มเว็บ - ปิแอร์ไกลอธิบายว่าทำไมเม็ดมักจะเสิร์ฟกับเว็บไซต์เดสก์ทอป :
http : / / googlewebmastercentral . บริการ . โดยเว็บไซต์ดังกล่าว / 2012 / 11 / ให้ผู้ใช้แท็บเล็ตขนาดเต็ม

ลงชื่อเข้าใช้เพื่อตอบเว็บ HTML .