เว็บมาสเตอร์ html5

9

ดังนั้นตอนนี้ Google ได้กล่าวว่าไม่มีเบราว์เซอร์เก่าเมื่อเราสามารถทำตามส่วนที่เหลือ?

Google เพิ่งประกาศว่าพวกเขาจะไม่สนับสนุนเบราว์เซอร์รุ่นเก่าในวันที่ 1 สิงหาคม: ด้วยเหตุผลนี้ในไม่ช้า Google Apps จะสนับสนุนเบราว์เซอร์ที่ทันสมัยเท่านั้น ตั้งแต่วันที่ 1 สิงหาคมเราจะสนับสนุน Chrome, Firefox, Internet Explorer และ Safari รุ่นใหญ่และรุ่นก่อนหน้านี้ ทุกครั้งที่มีรุ่นใหม่ออกมาเราจะเริ่มสนับสนุนการอัปเดตและหยุดสนับสนุนเวอร์ชันที่เก่าที่สุดอันดับสาม ไม่มีอะไรเลวร้ายไปกว่าการดูการแก้ไขโค้ดที่เกิดขึ้นเพื่อรองรับเบราว์เซอร์รุ่นเก่า หากเราสามารถก้าวไปสู่เว็บมาตรฐานได้อย่างเดียว (ฉันกำลังมองคุณที่ IE9) แน่นอนว่าเราสามารถใช้เวลาในการเขียนโปรแกรมเว็บแอปที่ดีและใช้ความพยายามน้อยลงในการทำให้เท่าเทียมกันในเบราว์เซอร์รุ่นเก่าที่ไม่ได้มาตรฐาน ดังนั้นเมื่อเราที่เหลือสามารถคาดหวังที่จะบอกลูกค้าของเราว่าเราไม่สนับสนุนเบราว์เซอร์รุ่นเก่าได้อีกต่อไป? เนื่องจากดูเหมือนว่า บริษัท ขนาดใหญ่จะยังคงเรียกใช้เบราว์เซอร์รุ่นเก่าต่อไปและแม้ว่าเฟรม Google Chrome สามารถติดตั้งได้โดยไม่ต้องมีสิทธิ์ผู้ดูแลระบบ (กำลังจะมาในไม่ช้าขณะนี้อยู่ในรุ่นเบต้า) เราไม่สามารถคาดหวังได้ว่า ฉันขอขอบคุณความคิดใด ๆ

82 web-development html5 browsers standards browser-support

5

Chrome ปฏิเสธที่จะเรียกใช้งานไฟล์ JavaScript นี้

ในส่วนหัวของหน้า HTML ของฉันฉันมี: <script src="https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.js"></script> เมื่อฉันโหลดหน้าเว็บในเบราว์เซอร์ของฉัน (Google Chrome v 27.0.1453.116) และเปิดใช้งานเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์มันบอกว่า: ปฏิเสธที่จะเรียกใช้งานสคริปต์จาก ' https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.js ' เนื่องจากประเภท MIME ('text / plain') ไม่สามารถเรียกใช้งานได้และ เปิดใช้งานการตรวจสอบประเภท MIME อย่างเข้มงวด แน่นอนสคริปต์จะไม่ทำงาน เหตุใด Chrome จึงคิดว่านี่เป็นไฟล์ข้อความธรรมดา มันมี.jsนามสกุลไฟล์อย่างชัดเจน เนื่องจากฉันใช้ HTML5 ฉันไม่ได้ใช้typeแอตทริบิวต์ดังนั้นฉันจึงคิดว่าอาจทำให้เกิดปัญหา ดังนั้นฉันเพิ่มtype="text/javascript"ใน<script>แท็กและได้ผลลัพธ์เดียวกัน ฉันลองtype="application/javascript"แล้วและยังคงมีข้อผิดพลาดเดียวกัน จากนั้นฉันก็ลองเปลี่ยนมันเป็นtype="text/plain"ความอยากรู้อยากเห็น เบราว์เซอร์ไม่ส่งคืนข้อผิดพลาด แต่แน่นอนว่า JavaScript ไม่ได้เรียกใช้เช่นกัน ในที่สุดฉันคิดว่าช่วงเวลาในชื่อไฟล์อาจทำให้เบราว์เซอร์หยุดทำงาน ดังนั้นในโค้ด HTML ของฉันฉันเปลี่ยนช่วงเวลาทั้งหมดเป็นอักขระยกเว้น URL %2E: <script src="https://raw.github.com/cloudhead/less%2Ejs/master/dist/less-1%2E3%2E3.js"></script> สิ่งนี้ยังคงไม่ทำงาน สิ่งเดียวที่ใช้งานได้จริง (เช่นเบราว์เซอร์ไม่มีข้อผิดพลาดและ …

32 javascript html5 google-chrome

3

กฎ SEO สำหรับ HTML 5 คืออะไร

กฎของการมีส่วนร่วมที่เกี่ยวข้องกับ SEO ใน HTML 5 คืออะไร? ตัวอย่างของสิ่งที่เราครุ่นคิดโดยไม่มีข้อสรุป: คุณถูกลงโทษหากไม่ใช้แท็ก <head> และ <body> หรือไม่ ลิงก์ในบล็อก <nav> มีการจัดลำดับความสำคัญดังนี้: ด้วย <aside> (ไม่มีข้อ จำกัด ), <section>, <summary> และ <details> อันไหนที่มีน้ำหนักมากที่สุดสำหรับเนื้อหาคำอธิบายหนึ่งบรรทัดและแท็กคำหลักจะมีความเกี่ยวข้องกับเครื่องมือค้นหาหรือไม่ หากคุณใช้ CSS เพื่อวางองค์ประกอบ <footer> ที่ด้านบนและองค์ประกอบ <header> ที่ด้านล่าง (ไม่ใช่ว่าคุณต้องการ แต่อาจถูกตีความว่าเป็นเช่นนั้นโดยการใช้งาน spider ที่ไม่สมบูรณ์)? การใช้คุณลักษณะตัวยึดตำแหน่งใน <input> แสดงว่าคุณให้ความสำคัญกับผู้ใช้มากกว่าหรือไม่ ในนาทีนี้เรามีการตรึงเนื้อหาบนลาเกี่ยวกับการใช้แท็กอย่างน่าสนใจ แต่จะน่าสนใจถ้าใครมีข้อมูลเชิงลึกเกี่ยวกับแท็ก "ถูกต้อง" เพื่อใช้กับ SEO

29 seo html5 markup

10

มีอะไรใหม่ใน HTML5 / CSS3

ฉันเคยเห็นไซต์นี้และไซต์นี้แต่ก็มีย่อยมาก อะไรคือสิ่งสำคัญเกี่ยวกับ HTML5 ที่ทำให้แตกต่าง / ดีกว่า HTML (CSS) เก่า / CSS แบบเก่า

23 html5 css3 css xhtml html

2

ใช้ Schema.org สำหรับบล็อก: บทความ VS การโพสต์บล็อก

ฉันได้ทำการปรับปรุงเว็บไซต์ของฉันมาระยะหนึ่งแล้วและฉันต้องการเปิดใช้งานให้เร็วที่สุดเท่าที่จะเป็นไปได้ แต่ฉันต้องการทำให้เป็นผู้นำถ้าเป็นไปได้ ขณะนี้ฉันใช้เทมเพลตที่แก้ไขแล้ว (ฉันรู้! นักออกแบบเว็บไซต์โดยใช้ tut tut tut … แต่เรื่องสั้นสั้นฉันมีเวลา 1 สัปดาห์ในการรับเว็บไซต์สดรวมทั้งทำแผนธุรกิจสำหรับทุนธุรกิจและตั้งแต่ปฏิบัติการมา แบนออกไปจนถึง 2 เดือนที่ผ่านมาและชิลเลอร์ของมันซึ่งเป็นสิ่งที่ดี!) กำลังเดินทางไป! ในขณะที่การออกแบบเป็นสิ่งสำคัญฉันยังต้องการที่จะกระตือรือร้นในการใช้มาร์กอัปปัญหาที่ฉันพบคือ Schema.org คือ SOOOO VAGUE! และสมองของฉันก็ยอดเยี่ยมอย่างแน่นอน คำถามนั้นค่อนข้างเรียบง่าย แต่ค่อนข้างซับซ้อนในเวลาเดียวกันซึ่งคุณคิดว่าดีที่สุด: itemtype = "http://schema.org/Article" itemtype = "http://schema.org/BlogPosting" เป็นมูลค่าการกล่าวขวัญว่าฉันได้ทำการวิจัยบางอย่างแล้วและความแตกต่างระหว่างโพสต์บล็อกและบทความตามคำนิยามนอก Schema.org คือการโพสต์บล็อกมักจะอยู่ที่ใดก็ได้จาก 50 คำถึง 400 คำในขณะที่บทความทั่วไป มีรายละเอียดเพิ่มเติมและมี 500 คำขึ้นไป แต่เมื่อดูจาก Schema.org พวกเขาเชื่อมโยงบทความกับนิตยสารและหนังสือพิมพ์แน่นอนว่ามันไม่ถูกต้อง? เป็นความคิดที่ดีหรือไม่ดีที่จะใช้หมวดหมู่เป็นสคีมา 'คำหลัก' หรือไม่ นี่คือมาร์กอัปปัจจุบันของฉันและฉันยินดีให้คำวิจารณ์ใด ๆ เพิ่มเติมหรือคำแนะนำเกี่ยวกับการปรับปรุงมาร์กอัปปัจจุบันอาจยังชี้ให้เห็นนิสัยที่ไม่ดีของ<p>นอกจากนี้คุณสามารถดูออนไลน์ได้ที่นี่และวิธีการที่ Google …

23 html html5 microdata markup schema.org

5

การใช้ <h1> มากเกินไปไม่ดี แต่ตอนนี้ใช้ HTML5 แล้วหรือ

เรารู้ว่าการใช้งานมากเกินไป<h1>สามารถนำไปสู่การปรับค่าใช้จ่ายที่มากเกินไปแต่ตอนนี้ใน HTML5 ได้รับอนุญาตให้ใช้หลายรายการ<h1>ในหน้าเดียวกัน (ภายในส่วนที่ซ้อนกัน) Google จะทำอะไรกับหน้าที่มี<h1>ชื่อเท่านั้น

22 html5 seo

3

ฉันสามารถใช้แท็ก <link> ในเนื้อหาของเอกสาร HTML ได้หรือไม่

ฉันสามารถใช้<link>แท็กในเนื้อหาของหน้า HTML ได้ไหม? ฉันพยายามค้นหาคำตอบสำหรับคำถามนี้ แต่พบข้อมูลที่ขัดแย้ง เมื่อเพิ่ม Schema.org microdata มาร์กอัปไปยังหน้า HTML ฉันต้องการเพิ่มข้อมูลที่ยอมรับในแท็กลิงก์เช่นนี้: <div itemscope itemtype="http://schema.org/Book"> <span itemprop="name">The Catcher in the Rye</span>— <link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" /> by <span itemprop="author">J.D. Salinger</span> </div> ผมได้รับรหัสตัวอย่างข้างต้นจากSchema.org ตามพวกเขานี่คือวิธีที่จะไปสำหรับคนที่ต้องการเพิ่มการอ้างอิงที่เป็นที่ยอมรับใน itemprop แต่ไม่ต้องการที่จะวางไฮเปอร์ลิงก์บนเว็บไซต์ของพวกเขา อย่างไรก็ตาม W3 ระบุไว้อย่างชัดเจนว่า<link>ควรวางแท็กไว้ในส่วนหัวเท่านั้นจึงทำให้ตัวอย่าง Schema.org ไม่ถูกต้อง หากฉันต้องการแก้ไขมาร์กอัปฉันควรปฏิบัติตามคำแนะนำใด

20 seo html html5 microdata

4

แอตทริบิวต์ hreflang ที่อ้างอิงตนเองสำหรับเว็บไซต์ภาษาเดียว

ฉันได้รับแจ้งจาก บริษัท SEO ให้เพิ่มhreflangแอตทริบิวต์ให้กับทุกหน้าในเว็บไซต์ภาษาเดียว (เช่น 'แท็ก' อ้างอิงตนเอง) แต่ทุกอย่างที่ฉันอ่านเกี่ยวกับแท็ก hreflang รวมถึงของ Googleแสดงให้เห็นว่า มันมีประโยชน์จริงๆสำหรับเว็บไซต์หลายภาษา การเพิ่มสิ่งนี้จะเป็นงานจำนวนมากสำหรับไซต์นี้โดยเฉพาะและฉันไม่เห็นประโยชน์ที่อาจเกิดขึ้นจริง ๆ (หรือแม้แต่สิ่งบ่งชี้ว่าสิ่งนั้นถือว่าเป็นการปฏิบัติที่ดีที่สุดสำหรับทุกคน) บล็อกโพสต์เว็บมาสเตอร์ของ Google นี้ไม่แนะนำให้ใช้แอตทริบิวต์การอ้างอิงตนเอง hreflangแต่เกี่ยวข้องกับเว็บไซต์หลายภาษาเท่านั้น "หากคุณมี URL หลายภาษาแต่ละหน้าภาษาจะต้องระบุเวอร์ชันภาษาทั้งหมดรวมถึงตัวเองตัวอย่างเช่นหากเว็บไซต์ของคุณมีเนื้อหาเป็นภาษาฝรั่งเศสอังกฤษและสเปนเวอร์ชั่นสเปนจะต้องมี rel =" ทางเลือก " hreflang = "x" ลิงก์สำหรับตัวเองนอกเหนือจากลิงก์ไปยังเวอร์ชันภาษาฝรั่งเศสและอังกฤษในทำนองเดียวกันเวอร์ชันภาษาอังกฤษและภาษาฝรั่งเศสจะต้องมีการอ้างอิงเดียวกันกับเวอร์ชันภาษาฝรั่งเศสภาษาอังกฤษและภาษาสเปน " มีประโยชน์ SEO ในการเพิ่มแท็กดังกล่าวในเว็บไซต์ภาษาเดียวหรือไม่ เช่นเพียงตัวอย่างเดียวเช่น: <link hreflang="en" href="http://www.example.com" rel="alternate"> ... ไปที่เอกสาร<head>หรือไม่ (โปรดทราบว่านี่คือนอกเหนือจากlang="en"แอตทริบิวต์บังคับใน<html>องค์ประกอบ.)

19 seo google html html5 meta-tags

3

แอตทริบิวต์ชื่อล้าสมัยพฤติกรรมที่ถูกต้องเมื่อจัดการกับแองเคอร์คืออะไร

เมื่อทดสอบรหัสของฉันโดยใช้เครื่องมือตรวจสอบความถูกต้องw3 html5ฉันได้รับข้อความเตือนนี้: คำเตือน : nameแอตทริบิวต์นั้นล้าสมัย ลองพิจารณาวางidแอตทริบิวต์บนคอนเทนเนอร์ที่ใกล้ที่สุดแทน คำถาม (s): คอนเทนเนอร์ที่ใกล้ที่สุดหมายถึงอะไร ว่าง<a>ตอนนี้เลิก? ฉันควรใช้idแทนname?

18 html5 markup anchor w3c-validation

8

เว็บไซต์ด้านเทคนิค - ฉันควรสมมติว่าผู้เยี่ยมชมจะใช้เบราว์เซอร์ที่ทันสมัยหรือไม่

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

18 html5 css3 compatibility

8

ฉันควรใช้ HTML5 และ / หรือ CSS3 เพื่อสร้างเว็บไซต์ของฉันหรือไม่

สิ่งใหม่ HTML5 / CSS3 (Web8!) ฟังดูเจ๋ง! ฉันควรเริ่มใช้ทันทีหรือใช้ css / xhtml รอจนกว่าเบราว์เซอร์เพิ่มเติมสามารถใช้ได้หรือไม่

16 html5 css3 css xhtml

5

เนื้อหาข้อความในองค์ประกอบ HTML5 <canvas> สามารถจัดทำดัชนีโดยเครื่องมือค้นหาได้หรือไม่

ฉันสงสัยว่าเนื้อหาในcanvasองค์ประกอบHTML5 มีผลกระทบด้านบวก / ด้านลบใด ๆ ต่อ SEO หรือไม่หรือมีการจัดทำดัชนีเลย

15 seo html5 canvas

3

การใช้ <title>, <header>, <h1> และ <h2> ที่เหมาะสมในเว็บไซต์ HTML5 หรือไม่

ฉันศึกษาเรื่องนี้มาหลายวันแล้วและพบข้อเสนอแนะที่ขัดแย้งกันมากมายเกี่ยวกับการค้นหาการจัดทำดัชนี ฉันกำลังทำงานในโครงการที่มีหน้าต่างๆมากมายตั้งแต่คำอธิบายผลิตภัณฑ์อย่างง่ายไปจนถึงเอกสารคู่มือผู้ใช้ในเชิงลึก ฉันแบ่งคำถามนี้ออกเป็นส่วน ๆ เนื่องจากฉันคิดว่าสิ่งนี้จะทำให้มีประโยชน์มากขึ้นสำหรับผู้อ่านในอนาคตของคำถามนี้ บางส่วนของการค้นพบของฉัน เว็บไซต์หลายแห่งดูเหมือนว่าจะมีการจัดเค้าร่างเอกสารดังต่อไปนี้: 1. Programmer's Guide (https://www.dartlang.org/docs/) 1. Getting Started 2. Concepts 1. Libraries 2. Fundamental classes etc. ฉันคิดว่ามันน่าสนใจที่ตัวอย่างด้านบนไม่ได้ใช้<nav>องค์ประกอบที่มีหัวเรื่องที่เหมาะสม ฉันชอบความเรียบง่ายของโครงร่างและเป็น Google ฉันค่อนข้างแน่ใจว่าพวกเขารู้ว่าพวกเขากำลังทำอะไรเมื่อพูดถึงเรื่องนี้ แต่ฉันสับสนเนื่องจากโครงร่างด้านบนไม่ได้กล่าวถึง "Dart" การกล่าวถึงเพียง "Dart" ในแง่ความหมายดูเหมือนว่าจะอยู่ใน<title>องค์ประกอบเอกสารหลัก"โปรแกรมเมอร์ของคู่มือ | Dart: โครงสร้างเว็บแอป" MDN (Mozilla Developer Network) เป็นอีกตัวอย่างที่ยอดเยี่ยมของเว็บไซต์ที่ตามหลักการนี้ หนังสือหลาย<h1>เล่มมีเนื้อหาครบถ้วน ( ส่วนและโครงร่างของเอกสาร HTML5 ): 1. Sections and Outlines of an …

15 seo html google-search html5 semantic-web

8

เครื่องมือใดสามารถเป็นระเบียบเรียบร้อย / เยื้อง HTML5 [ปิด]

ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Webmasters Stack Exchange ปิดให้บริการใน6 ปีที่ผ่านมา ฉันใช้เวลาค้นหาไปแล้วประมาณ 2 ชั่วโมงกับ google และลองใช้เครื่องมือต่าง ๆ แต่ไม่ใช้แท็กเยื้องต่อคำพูดหรือไม่รองรับ HTML5 เช่นระเบียบ HTML ที่มีชื่อเสียงซึ่งอัปเดตเมื่อ 3 ปีที่แล้ว ... NB ฉันไม่ต้องการใช้สิ่งนี้กับแหล่งที่มาของหน้า (เช่น PHP หรือ JS จะทำ) แต่กับรหัสในโปรแกรมแก้ไขเพื่อให้ลำดับชั้นที่ชัดเจนปรากฏขึ้นระหว่างแท็ก เป็นการดีที่ฉันต้องการเครื่องมือ Mac OS X แต่ฉันจะใช้เครื่องมือออนไลน์ใด ๆ และในการ resot ล่าสุดที่เข้ากันได้กับไวน์ ป.ล. ตอนนี้ฉันใช้ Coda จาก Panic

13 html5 code

3

microdata สามารถใช้ได้ในเมตาแท็กหรือไม่

โปรดพิจารณารหัสต่อไปนี้ที่ทำเครื่องหมายด้วยคุณลักษณะเพื่อให้ microdata: <!DOCTYPE html> <html> <head> <title>Micro data test - Normal version</title> </head> <body> <div itemscope itemtype="http://schema.org/Product"> <h1 itemprop="name">Product name</h1> <img alt="" itemprop="image" src="http://placehold.it/200x200" /> <div itemprop="description">This is the product description.</div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta content="in_stock" itemprop="availability" /> <span content="GBP" itemprop="priceCurrency">£</span><span itemprop="price">100.00</span> </div> </div> </body> </html> การใช้เครื่องมือทดสอบข้อมูลที่มีโครงสร้างของ Google ให้ผลลัพธ์ที่เป็นบวก …

12 seo html html5 microdata meta-tags

คำถามติดแท็ก html5