|
หัวข้อ: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 11 พฤศจิกายน 2012, 18:39:18 ตัวอย่างเว็บไซต์: คลิกเลย (http://www.songtoday.com)
สูตรใหม่ SEO HTML5 + CSS3 + For iPad iPhone Apple Safari Chomes ... อื่นๆ อ้างถึง <!doctype html> <html itemscope="itemscope" itemtype="[url]http://schema.org/WebPage[/url]"> <-- เว็บอ้างอิงต้นแบบ HTML5 + CSS3 <head> <meta itemprop="image" content="/images/google_favicon_128.png"> <-- รูปภาพ <meta itemprop="url" content="[url]http://www.songtoday.com[/url]"> < --แจ้งชื่อเว็บของเรา <link rel="publisher" href="[url]https://plus.google.com/123456XXXXX[/url]"> <-- แจ้งชื่อ ID ของเรา Gmail Google Plus คงมีกันทุกคน ✔สูตร publisher ภาพตัวอย่างที่ได้ผลบน Google: (http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIwLWAyMDgtMTMwMjAxMjExZ2UtMjEtaW1h.jpg) ... ... อ้างถึง <title>Songtoday.com</title> <body itemscope itemtype="[url]http://schema.org/WebPage[/url]"> <- ต้องใส่สำคัญมาก HTML5 ... <div itemprop="breadcrumb"> <a href="category/books.html">รวมหนังสือดีๆ</a> > <a href="category/books-literature.html">วรรณกรรมและนิยาย</a> > <a href="category/books-classics">หนังสือคลาสสิก</a> </div> ✔สูตร breadcrumb ภาพตัวอย่างที่ได้ผลบน Google: (http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIzLWAyMjEtMTMwMjAxMjExZ2UtMjEtaW1h.jpg) (http://www.fathomdelivers.com/wp-content/uploads/2009/12/breadcrumb-navigation2.bmp) เนื้อหา อ้างถึง <div itemscope itemtype="[url]http://schema.org/Book[/url]"> <img itemprop="image" src="catcher-in-the-rye-book-cover.jpg" /> <span itemprop="name">รวมหนังสือ</span> - <link itemprop="bookFormat" href="[url]http://schema.org/Paperback[/url]">หนังสือเล่มใหม่ โดย <a itemprop="author" href="/author/jd_salinger.html">นาย โทนี่</a> Rating: อ้างถึง <div itemprop="aggregateRating" itemscope itemtype="[url]http://schema.org/AggregateRating[/url]"> <span itemprop="ratingValue">4.5</span> เกรดคะแนนโหวต 4 1/2 ดาว <span itemprop="reviewCount">78</span> จำนวนคนที่เข้าชม </div> ✔สูตร Rating ภาพตัวอย่างที่ได้ผลบน Google มีรูปดาวเด่นกว่าน่าคลิกมากกว่า : (http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIyLWAyMTktMTMwMjAxMjExZ2UtMjEtaW1h.jpg) อ้างถึง <footer> Link 1 Link 3 Link 2 </footer> </body></html> สิ่งที่เพิ่มขึ้น ✔สูตร itemscope="itemscope", itemprop="image", itemprop="url", ... (http://www.upfree.com/user_upload/image/20121113/MDMWpwZw==UtNzIxLwMjAyMTMjExMTM2UtMjAxEtaW1hZ.jpg) HTML5 2012 ล่าสุด มันอาจจะทำให้ทุกท่านถึงกับรื้อเว็บไซต์ตัวเองใหม่ทั้งหมดเพื่อปรับรับกับ Google อัลกอ.. 2012 ใหม่ For iPad iPhone Apple Safari Chomes ... อื่นๆ หากคุณเคยใส่ HR องค์ประกอบในหน้าเว็บของคุณคุณจะรู้ว่าเส้นมันจะใหญ่มากและไม่สวยและดังนั้นจึงเป็นสิ่งสำคัญที่รูปแบบใด HR แท็กที่คุณใช้ พื้นฐาน HR แท็ก จะปรากฏทางเบราว์เซอร์ที่ต้องการแสดง เบราว์เซอร์ที่ทันสมัยมักจะแสดง unstyled HR ที่มีความกว้างแท็กของ 100% ความสูงของ 2px และชายแดน 3D สีดำเพื่อสร้างบรรทัด (http://0.tqn.com/d/webdesign/1/G/e/l/1/styled-hr-elements.png) (http://0.tqn.com/d/webdesign/1/G/f/l/1/hrs-in-browsers.png) นี่คือ ตัวอย่างขององค์ประกอบมาตรฐาน หรือคุณสามารถเห็นใน ภาพนี้ วิธี unstyled HR ที่ปรากฏในเบราว์เซอร์ที่ทันสมัย อ้างถึง <hr /> เส้นมันจะใหญ่และไม่สวย มันเป็นไปได้ที่จะสไตล์ HR เพื่อที่จะดูดีและจริงพอดีกับรูปแบบหน้าเว็บของคุณ แต่คุณจะต้องระมัดระวังกับมันเป็นมีบางประเด็นเบราว์เซอร์ที่มีวิธีการที่จะแสดง ความกว้างและความสูงมีความสอดคล้องกันเบราว์เซอร์ รูปแบบเดียวที่มีความสอดคล้องกันทั่วเว็บเบราเซอร์ที่มี width และ height รูปแบบ เหล่านี้จะกำหนดวิธีการขนาดใหญ่บรรทัดจะ หากคุณไม่ได้กำหนด width และ height ความกว้างเริ่มต้นเป็น 100% และความสูงเริ่มต้นคือ 2px ใน ตัวอย่างนี้ ผมเปลี่ยนความกว้างถึง 50% ขององค์ประกอบหลัก: อ้างถึง <hr style="width:50%;" /> และใน ตัวอย่างนี้ ผมเปลี่ยนความสูงถึง 2em: อ้างถึง <hr style="height:2em;" /> ในเบราว์เซอร์ที่ทันสมัย (Chrome, Safari, Opera, Firefox, และ IE8 +) เบราว์เซอร์ที่สร้างเส้นขอบโดยการปรับ ดังนั้นหากคุณลบเส้นขอบที่มี border สถานที่ให้บริการแบบ สายจะหายไปบนหน้า ที่คุณสามารถดู (ดีคุณจะไม่เห็นอะไรเป็นเส้นจะมองไม่เห็น) ใน ตัวอย่างนี้ : อ้างถึง <hr style="border: none;" /> แต่ใน Internet Explorer 7 และต่ำกว่าการเปลี่ยนแปลง border: none; ไม่มีผลอะไรเลย เบราว์เซอร์ยังคงแสดงเส้นเหมือนปกติจะ ดังนั้นใน IE7 และต่ำกว่า ตัวอย่างข้างต้น จะแสดงสามบรรทัดมากกว่าเพียงหนึ่ง แต่การปรับขนาดเส้นขอบสีและรูปแบบจะให้เส้นมองแตกต่างกันและมีผลเดียวกันในเบราว์เซอร์ที่ทันสมัยทั้งหมด ตัวอย่างเช่นใน การสาธิตนี้ ผมเปลี่ยนเส้นเป็นสีแดงประ 1px กว้าง: อ้างถึง <hr style="border: 1px dashed #000;" /> แต่ถ้าคุณเปลี่ยนเส้นขอบและความสูงลักษณะมองแตกต่างกันเล็กน้อยใน IE7 จากเบราว์เซอร์ที่ทันสมัย ในขณะที่คุณสามารถเห็นใน ตัวอย่างนี้ เมื่อคุณดูใน IE7 มีเส้นภายใน beveled ที่ไม่แสดงในเบราว์เซอร์อื่น ๆ (รวมทั้ง IE8 และขึ้นไป): อ้างถึง <hr style="height:1.5em;width:25em;border:1px solid #000;" /> การเปลี่ยนสีของเส้นอาจเป็นเรื่องยากเกินไป Internet Explorer 7 และต่ำกว่าถือว่าสีของเส้นเป็นสีพื้นและเพื่อการเปลี่ยนแปลงสีของเส้นเมื่อคุณเปลี่ยน color สถานที่ให้บริการ . แต่เบราว์เซอร์ที่ทันสมัยรักษาสีของเส้นเป็นสีพื้นหลังและไม่เปลี่ยนเว้นแต่คุณจะใช้ background-color ใน ตัวอย่างนี้ ผมเปลี่ยนสีด้วย color: อ้างถึง <hr style="color:#c00;" /> และใน ตัวอย่างนี้ ผมเปลี่ยน background-color คุณสมบัติ: อ้างถึง <hr style="background-color:#c00;" /> เพื่อให้ได้ผลลัพธ์ที่ดีที่สุดที่คุณควร เปลี่ยนทั้งหมด ให้เป็นสีเดียวกันดังนั้นบรรทัดปรากฏถูกต้องในเบราว์เซอร์มากที่สุด: อ้างถึง <hr style="color:#c00;background-color:#c00;" /> แน่นอนมันยังคงไม่ทำงาน Opera 9 และลดลงเนื่องจากเบราว์เซอร์นี้ต้อง สูงที่กำหนดไว้และเส้นลบ เช่นกันก่อนที่มันจะเปลี่ยนสีของเส้น: อ้างถึง <hr style="color:#c00;background-color:#c00; height:1px;border:none; " /> ปรับตำแหน่งของสาย นี้ดูเหมือนว่ามันจะเป็นสิ่งที่ง่ายที่จะทำเพียงแค่ใช้ float ในสถานที่ ที่จะผลักดันแนวไปทางขวาหรือซ้าย: อ้างถึง <hr style="width:50%; float:right; " /> แต่ เป็นคุณสามารถเห็น มันไม่ทำงานใน Internet Explorer 7 และต่ำกว่า ที่จะได้ไปทำงานในรุ่นเหล่านี้ของ IE, คุณจะต้องลบ float สไตล์และใส่ใน เลิก แอตทริบิวต์ align : อ้างถึง <hr style="width:50%;" align="right" /> ทำให้เส้นตกแต่งด้วยภาพพื้นหลัง แทนสีคุณสามารถกำหนดภาพพื้นหลังของคุณสำหรับ HR เพื่อที่จะมีลักษณะตรงตามที่คุณต้องการให้ แต่ยังคงแสดงความหมายในมาร์คอัปของคุณ ใน ตัวอย่างนี้ ผมใช้ ภาพ ที่เป็นสามเส้นหยัก โดยการตั้งค่าเป็นภาพพื้นหลังด้วยซ้ำไม่ก็สร้างแบ่งในเนื้อหาที่มีลักษณะเกือบจะเหมือนที่คุณเห็นในหนังสือ: อ้างถึง <hr style="height:20px;background: #fff url(aa010307.gif) no-repeat scroll center;border:none;" /> แต่ในขณะที่เรากำลังมาถึงคาดว่าจะมีปัญหากับหนึ่งของเบราว์เซอร์ IE7 และลดรอบ HR ที่มีเส้นขอบ หากคุณเปิดลายเส้นและปิดมันมีลักษณะเดียวกัน (ในความเป็นจริงตัวอย่างข้างต้นมีเส้นขอบปิด) และถ้าคุณตั้งค่าสีเป็นสีขาว (สีเดียวกับสีพื้นหลัง), สายหายไปในเบราว์เซอร์รุ่นเก่าเหล่านี้ ทางออกเดียวคือสับวงล้อมรอบ HR ที่มี DIV , เพิ่มภาพพื้นหลังเพื่อ DIV และจากนั้นตั้ง HR display ที่ไม่มี: ในขณะที่คุณสามารถเห็นใน ตัวอย่างนี้ ก็ทำงาน แต่มันทำให้ความหมายของ HTML น้อย นี่คือสถานการณ์ที่มันอาจจะดีกว่าที่จะปล่อยให้ IE7 แสดงบรรทัดไม่ถูกต้องหรือลบภาพจาก IE7 และต่ำกว่าด้วย สำหรับตัวอย่างนี้คือ: <div style="height:20px;background: #fff url(aa010307.gif) no-repeat scroll center;" > อ้างถึง <hr style="display:none;" /> โอกาสหน้ามีอะไรดีๆ จะโพสแบ่งปันอีกนะครับ ตัวอย่างเว็บไซต์: คลิกเลย (http://www.songtoday.com/tags.html) หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: en365days ที่ 11 พฤศจิกายน 2012, 19:03:37 ขอบคุณสำหรับความรู้ใหม่ครับ :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: siamseo ที่ 11 พฤศจิกายน 2012, 19:34:34 ขอบคุณมากครับ เก็บความรู้ :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: songtoday ที่ 11 พฤศจิกายน 2012, 19:40:16 ตัวอย่างเว็บไซต์: คลิกเลย ([url]http://www.songtoday.com/lyrics.html[/url]) หากคุณเคยใส่ HR องค์ประกอบในหน้าเว็บของคุณคุณจะรู้ว่าเส้นมันจะใหญ่มากและไม่สวยและดังนั้นจึงเป็นสิ่งสำคัญที่รูปแบบใด HR แท็กที่คุณใช้ พื้นฐาน HR แท็ก จะปรากฏทางเบราว์เซอร์ที่ต้องการแสดง เบราว์เซอร์ที่ทันสมัยมักจะแสดง unstyled HR ที่มีความกว้างแท็กของ 100% ความสูงของ 2px และลายเส้น 3D สีดำเพื่อสร้างบรรทัด ([url]http://0.tqn.com/d/webdesign/1/G/e/l/1/styled-hr-elements.png[/url]) ([url]http://0.tqn.com/d/webdesign/1/G/f/l/1/hrs-in-browsers.png[/url]) นี่คือ ตัวอย่างขององค์ประกอบมาตรฐาน หรือคุณสามารถเห็นใน ภาพนี้ วิธี unstyled HR ที่ปรากฏในเบราว์เซอร์ที่ทันสมัย โค๊ด: <hr /> เส้นมันจะใหญ่และไม่สวย มันเป็นไปได้ที่จะสไตล์ HR เพื่อที่จะดูดีและจริงพอดีกับรูปแบบหน้าเว็บของคุณ แต่คุณจะต้องระมัดระวังกับมันเป็นมีบางประเด็นเบราว์เซอร์ที่มีวิธีการที่จะแสดง ความกว้างและความสูงมีความสอดคล้องกันเบราว์เซอร์ รูปแบบเดียวที่มีความสอดคล้องกันทั่วเว็บเบราเซอร์ที่มี width และ height รูปแบบ เหล่านี้จะกำหนดวิธีการขนาดใหญ่บรรทัดจะ หากคุณไม่ได้กำหนด width และ height ความกว้างเริ่มต้นเป็น 100% และความสูงเริ่มต้นคือ 2px ใน ตัวอย่างนี้ ผมเปลี่ยนความกว้างถึง 50% ขององค์ประกอบหลัก: โค๊ด: <hr style="width:50%;" /> และใน ตัวอย่างนี้ ผมเปลี่ยนความสูงถึง 2em: โค๊ด: <hr style="height:2em;" /> ในเบราว์เซอร์ที่ทันสมัย (Chrome, Safari, Opera, Firefox, และ IE8 +) เบราว์เซอร์ที่สร้างเส้นขอบโดยการปรับ ดังนั้นหากคุณลบเส้นขอบที่มี border สถานที่ให้บริการแบบ สายจะหายไปบนหน้า ที่คุณสามารถดู (ดีคุณจะไม่เห็นอะไรเป็นเส้นจะมองไม่เห็น) ใน ตัวอย่างนี้ : โค๊ด: <hr style="border: none;" /> แต่ใน Internet Explorer 7 และต่ำกว่าการเปลี่ยนแปลง border: none; ไม่มีผลอะไรเลย เบราว์เซอร์ยังคงแสดงเส้นเหมือนปกติจะ ดังนั้นใน IE7 และต่ำกว่า ตัวอย่างข้างต้น จะแสดงสามบรรทัดมากกว่าเพียงหนึ่ง แต่การปรับขนาดเส้นขอบสีและรูปแบบจะให้เส้นมองแตกต่างกันและมีผลเดียวกันในเบราว์เซอร์ที่ทันสมัยทั้งหมด ตัวอย่างเช่นใน การสาธิตนี้ ผมเปลี่ยนเส้นเป็นสีแดงประ 1px กว้าง: โค๊ด: <hr style="border: 1px dashed #000;" /> แต่ถ้าคุณเปลี่ยนเส้นขอบและความสูงลักษณะมองแตกต่างกันเล็กน้อยใน IE7 จากเบราว์เซอร์ที่ทันสมัย ในขณะที่คุณสามารถเห็นใน ตัวอย่างนี้ เมื่อคุณดูใน IE7 มีเส้นภายใน beveled ที่ไม่แสดงในเบราว์เซอร์อื่น ๆ (รวมทั้ง IE8 และขึ้นไป): โค๊ด: <hr style="height:1.5em;width:25em;border:1px solid #000;" /> การเปลี่ยนสีของเส้นอาจเป็นเรื่องยากเกินไป Internet Explorer 7 และต่ำกว่าถือว่าสีของเส้นเป็นสีพื้นและเพื่อการเปลี่ยนแปลงสีของเส้นเมื่อคุณเปลี่ยน color สถานที่ให้บริการ . แต่เบราว์เซอร์ที่ทันสมัยรักษาสีของเส้นเป็นสีพื้นหลังและไม่เปลี่ยนเว้นแต่คุณจะใช้ background-color ใน ตัวอย่างนี้ ผมเปลี่ยนสีด้วย color: โค๊ด: <hr style="color:#c00;" /> และใน ตัวอย่างนี้ ผมเปลี่ยน background-color คุณสมบัติ: โค๊ด: <hr style="background-color:#c00;" /> เพื่อให้ได้ผลลัพธ์ที่ดีที่สุดที่คุณควร เปลี่ยนทั้งหมด ให้เป็นสีเดียวกันดังนั้นบรรทัดปรากฏถูกต้องในเบราว์เซอร์มากที่สุด: โค๊ด: <hr style="color:#c00;background-color:#c00;" /> แน่นอนมันยังคงไม่ทำงาน Opera 9 และลดลงเนื่องจากเบราว์เซอร์นี้ต้อง สูงที่กำหนดไว้และเส้นลบ เช่นกันก่อนที่มันจะเปลี่ยนสีของเส้น: โค๊ด: <hr style="color:#c00;background-color:#c00; height:1px;border:none; " /> ปรับตำแหน่งของสาย นี้ดูเหมือนว่ามันจะเป็นสิ่งที่ง่ายที่จะทำเพียงแค่ใช้ float ในสถานที่ ที่จะผลักดันแนวไปทางขวาหรือซ้าย: โค๊ด: <hr style="width:50%; float:right; " /> แต่ เป็นคุณสามารถเห็น มันไม่ทำงานใน Internet Explorer 7 และต่ำกว่า ที่จะได้ไปทำงานในรุ่นเหล่านี้ของ IE, คุณจะต้องลบ float สไตล์และใส่ใน เลิก แอตทริบิวต์ align : โค๊ด: <hr style="width:50%;" align="right" /> ทำให้เส้นตกแต่งด้วยภาพพื้นหลัง แทนสีคุณสามารถกำหนดภาพพื้นหลังของคุณสำหรับ HR เพื่อที่จะมีลักษณะตรงตามที่คุณต้องการให้ แต่ยังคงแสดงความหมายในมาร์คอัปของคุณ ใน ตัวอย่างนี้ ผมใช้ ภาพ ที่เป็นสามเส้นหยัก โดยการตั้งค่าเป็นภาพพื้นหลังด้วยซ้ำไม่ก็สร้างแบ่งในเนื้อหาที่มีลักษณะเกือบจะเหมือนที่คุณเห็นในหนังสือ: โค๊ด: <hr style="height:20px;background: #fff url(aa010307.gif) no-repeat scroll center;border:none;" /> แต่ในขณะที่เรากำลังมาถึงคาดว่าจะมีปัญหากับหนึ่งของเบราว์เซอร์ IE7 และลดรอบ HR ที่มีเส้นขอบ หากคุณเปิดลายเส้นและปิดมันมีลักษณะเดียวกัน (ในความเป็นจริงตัวอย่างข้างต้นมีเส้นขอบปิด) และถ้าคุณตั้งค่าสีเป็นสีขาว (สีเดียวกับสีพื้นหลัง), สายหายไปในเบราว์เซอร์รุ่นเก่าเหล่านี้ ทางออกเดียวคือสับวงล้อมรอบ HR ที่มี DIV , เพิ่มภาพพื้นหลังเพื่อ DIV และจากนั้นตั้ง HR display ที่ไม่มี: ในขณะที่คุณสามารถเห็นใน ตัวอย่างนี้ ก็ทำงาน แต่มันทำให้ความหมายของ HTML น้อย นี่คือสถานการณ์ที่มันอาจจะดีกว่าที่จะปล่อยให้ IE7 แสดงบรรทัดไม่ถูกต้องหรือลบภาพจาก IE7 และต่ำกว่าด้วย สำหรับตัวอย่างนี้คือ: <div style="height:20px;background: #fff url(aa010307.gif) no-repeat scroll center;" > โค๊ด: <hr style="display:none;" /> โอกาสหน้ามีอะไรดีๆ จะโพสแบ่งปันอีกนะครับ ตัวอย่างเว็บไซต์: คลิกเลย ([url]http://www.songtoday.com/tags.html[/url]) หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: MR.chk ที่ 11 พฤศจิกายน 2012, 19:43:51 ขอบคุณมากครับ ความรู้ดีๆ เลย
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: smon19 ที่ 11 พฤศจิกายน 2012, 20:13:59 :wanwan023:จะลองดูแต่ยังงงๆอยู่
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: GT1S ที่ 11 พฤศจิกายน 2012, 20:31:21 ขอบคุณมากค่ะ :wanwan013:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: shooter ที่ 11 พฤศจิกายน 2012, 20:36:19 Approved.
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: songtoday ที่ 11 พฤศจิกายน 2012, 20:36:50 :wanwan023:จะลองดูแต่ยังงงๆอยู่ ไม่ต้องงง หรอกครับ มันคือการแบ่งบรรทัด ที่สวยกว่าเหมือนการวาดลายเส้น ใน Phoshop นั้นแหละครับ ที่แต่สำคัญ มันโยงกับเนื้อหาการแบ่งบรรทัด HTML 5 Browers ของแต่ละรุ่น ที่สำคัญสุด Googlebot รับรู้ถึงการแบ่งเนื้อหา และมีผลกับ SEO มากกว่า การใช้ BR หรือ P หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: yakuza7 ที่ 11 พฤศจิกายน 2012, 20:55:28 เก็บความรู้ครับ :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: pingenter ที่ 11 พฤศจิกายน 2012, 20:57:30 เก็บความรู้ :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: songtoday ที่ 11 พฤศจิกายน 2012, 20:59:49 WP ไม่ได้แรงอย่างที่คุณคิด อยู่เทคนิคปรับแต่งเนื้อหาการแบ่งข้อความที่ถูกต้อง การเขียนเองได้ผลรับ ที่ดีกว่า + ประสบการณ์
แต่นั้นต้องอ่านนิสัย ของ Robots Googlebots Yahoo เพราะมีพฤติกรรมที่ต่างกัน Robots เหมือนเด็กซนๆคนนึ่ง เมื่อคุณมีขนมให้เค้ากิน เค้าก็จะมาบ่อย แล้วยิ่งมี ช็อคโกแลก(เนื้อหา) น้ำหวาน(url+keyword) ด้วยแล้ว ยิ่งมาอยู่กินนอนขนของเข้ามาอยู่ยาวเลย ที่เว็บของคุณ เทคนิคงานชิ้นนี้เป็นสูตรที่ล้ำกว่า WP แน่นอน มีคำตอบ ที่นี่ .. ตัวอย่างเว็บไซต์: คลิกเลย (http://www.songtoday.com/tags.html) หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: pawit15 ที่ 11 พฤศจิกายน 2012, 21:17:19 ขอบคุณคับ
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: KINGRPG ที่ 11 พฤศจิกายน 2012, 21:26:11 อ่านแล้วงงนิดๆ :P ขอที่มาหน่อยครับ :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: BangAor ที่ 11 พฤศจิกายน 2012, 21:58:56 ชอบคุณมากครับ ความรู้เน้นๆ :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: นายนิ้งหน่อง ที่ 11 พฤศจิกายน 2012, 22:04:51 กระทู้มีสาระแบบนี้ ผมกด Thank ให้ตั้งแต่ยังอ่านไม่จบเลยครับ
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: Coupon ที่ 11 พฤศจิกายน 2012, 22:10:26 :P บุคที่อ่านครับ
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: flash ที่ 11 พฤศจิกายน 2012, 22:17:07 สุดยอดเลยครับ ขอบคุณครับ
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: songtoday ที่ 11 พฤศจิกายน 2012, 22:25:00 สงสัยตรงไหน สอบถามได้นะครับ ตอบให้หมด..ไม่มีกั๊ก ...
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: Phromphat ที่ 11 พฤศจิกายน 2012, 22:38:30 ยอดแท้เหล่า แต่ทำไม่เป็ฯคร๊าบ :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: oo00oo ที่ 11 พฤศจิกายน 2012, 22:39:18 ขอบคุณครับ จะพยายามศึกษาครับ :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: kanin03 ที่ 11 พฤศจิกายน 2012, 22:47:29 ขอบคุณครับ ความรู้แน่นโครตๆเลย :wanwan017:
หัวข้อ: Re: ขั้นเทพ! SEO เทคนิค HR สำหรับ Html 5 เริ่มหัวข้อโดย: chui761 ที่ 11 พฤศจิกายน 2012, 23:30:47 แจ่มทั้งนั้น
หัวข้อ: Re: ✔ขั้นเทพ! ★★★ SEO ★★★ เทคนิค HR สำหรับ Html 5 + Css3 เริ่มหัวข้อโดย: zest_th ที่ 11 พฤศจิกายน 2012, 23:43:42 ขอบคุณมากครับ ความรู้หลายอย่าง หามานานเลยครับ :wanwan017: :wanwan017:
หัวข้อ: Re: ✔ขั้นเทพ! ★★★ SEO ★★★ เทคนิค HR สำหรับ Html 5 + Css3 เริ่มหัวข้อโดย: mumdochata ที่ 12 พฤศจิกายน 2012, 00:05:09 สุดยอด ขอบคุณครับ :wanwan017:
หัวข้อ: Re: ✔ขั้นเทพ! ★★★ SEO ★★★ เทคนิค HR สำหรับ Html 5 + Css3 เริ่มหัวข้อโดย: DragonB ที่ 12 พฤศจิกายน 2012, 00:32:59 ขอที่มาได้ไหมครับ อ่านไม่รู้เรื่องเลยครับ เหมือนใช้ Google Translate
ขอบคุณที่นำมาแชร์ครับ หัวข้อ: Re: ✔ขั้นเทพ! ★★★ SEO ★★★ เทคนิค HR สำหรับ Html 5 + Css3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 08:32:51 ขอที่มาได้ไหมครับ อ่านไม่รู้เรื่องเลยครับ เหมือนใช้ Google Translate ขอบคุณที่นำมาแชร์ครับ ทดสอบเอาโค๊ตไปรัน HTML5 ดูทดสอบกับหลาย Browser โค๊ตไหนได้ผลกับเว็บคุณเลือกตัวนั้น บทความมีเท่านั้นแต่ยังมีสูตรอีกเยอะ ติดตามตอนต่อไป นะครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: vanu ที่ 12 พฤศจิกายน 2012, 08:49:06 ขอบคุณครับ ถ้าปรับแล้ว อันดับ จะมีพอไหมรับ ต้องอินเด็กใหม่ไหม :wanwan008:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: ~ก๋วยเจ๋ง~ ที่ 12 พฤศจิกายน 2012, 09:02:06 ขอบคุณครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 09:21:41 ขอบคุณครับ ถ้าปรับแล้ว อันดับ จะมีพอไหมรับ ต้องอินเด็กใหม่ไหม :wanwan008: ไม่ลองทำ ก็ไม่เกิดผล มันเหมือนเปลี่ยนจากรถเก่งธรรมดาปี 1998 (โค๊ตเก่าโบราณ HTML..) ไปเป็นรถสปอร์ตป้ายแดงปี 2012 (โค๊ตใหม่ล่าสุด HTML5)วิ่งบนซุปเปอร์ไฮเวย์ อะครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: Taurusz ที่ 12 พฤศจิกายน 2012, 09:22:23 ข้อความรู้เยี่ยมครับ แต่ภาษายังต้องปรับนิดหน่อย
+1 หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: skylark99 ที่ 12 พฤศจิกายน 2012, 09:24:47 ขอบคุณครับผม :'(
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: artvaro ที่ 12 พฤศจิกายน 2012, 09:27:38 :wanwan003:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 09:34:33 ข้อความรู้เยี่ยมครับ แต่ภาษายังต้องปรับนิดหน่อย +1 เรื่องภาษาส่วนท้าย HR บนความขอยกความดีให้ "อากู๋" เค้านะครับ ไม่ขอรับ ... หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: nimms ที่ 12 พฤศจิกายน 2012, 09:38:29 ขอบคุณครับ เก็บไว้ละ
ว่าแต่ใช้ translate แปลจากอังกฤษปล่าวอ่ะครับ ประโยคมันแปลกๆ :P หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 09:46:50 จริงๆ แล้วการเข้าเว็บบอร์ดปีนี้ ก็ยังคงคล้ายกับปีที่ผ่านๆ มาเหมือนเดิม
คำตอบยอดฮิต "ขอบคุณครับ" "ขอบคุณค่ะ" "Thank" "ไอคอนยิ้ม" เป็นต้น ก็เลยเกิดความสงสัยว่า ได้คำตอบไปแล้วเหรอ ใช้เป็นแล้วหรือ หรือรู้อยู่แล้ว หรือมาเก็บ(สูบ..)อย่างเดียวแล้วไม่บอกต่อ การแสดงความคิดเห็น การอ่าน ควรจะมีคำตอบมากกว่านั้น ตั้งทำให้ภาษาไทยมันดูแปลก อ่านแล้วงง ประเด็นต้องการให้อ่านที่โค๊ตมากกว่า จะได้มีข้อโต้แยงที่เพื่อก่อประโยชน์ส่งต่อคนเขียนเว็บไซต์ รุ่นหลังๆ ต่อไปอีก มันน่าจะดีกว่ามั๊ย เขียนอย่างไง เอาว่าไว้ตรงบรรทัดไหน ทำไมมันติด Error ... อื่นๆมากมาย ที่เคยเขียนมากเจอปัญหาตลอด ที่พบอะไรใหม่ๆ เมื่อทดลองปฎิบัติ หรือพวกเค้าเหล่านั้น รันครั้งเดียวผ่านเหมือน WP CMS สำเร็จรูป.. เป็นต้น และคำตอบสุดท้ายที่ได้ (แล้วเมื่อไหร่จะเขียนเป็นกะเค้าซะทีหล่ะ!) ขอบคุณมากครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: oohclub ที่ 12 พฤศจิกายน 2012, 10:29:39 กำลังหาเลย
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: reactionkz ที่ 12 พฤศจิกายน 2012, 10:31:25 ความรู้เน้นๆๆ ขอบคุณคราบบบ :wanwan017: :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: น้ำใส ที่ 12 พฤศจิกายน 2012, 10:35:37 ขอบคุณสำหรับข้อมูลดีๆ ครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: online7 ที่ 12 พฤศจิกายน 2012, 10:38:22 ขอบคุณค้าบบบบบบบบ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: silverlose ที่ 12 พฤศจิกายน 2012, 10:39:53 ขอบคุณก่อนเลยครับ อันดับแรก ทั้งๆที่ยังอ่านไม่จบ :wanwan004:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: nimms ที่ 12 พฤศจิกายน 2012, 10:42:27 ผมน่ะตอบเพราะเก็บกระทู้ไว้ก่อน แล้วค่อยลองทำทีหลัง
และผมว่าคนที่เป็นแบบผมก็มี ถ้าทำแล้วมีปัญหาเดี๋ยวก็มาถามเองแหละครับ มีคนมาตอบ มาช่วยดันให้กระทู้อยู่บนๆ คนก็เห็นง่าย มีคนมาอ่านเยอะก็ได้ประโยชน์ ไม่ดีกว่าเหรอครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 10:45:15 ผมน่ะตอบเพราะเก็บกระทู้ไว้ก่อน แล้วค่อยลองทำทีหลัง และผมว่าคนที่เป็นแบบผมก็มี ถ้าทำแล้วมีปัญหาเดี๋ยวก็มาถามเองแหละครับ มีคนมาตอบ มาช่วยดันให้กระทู้อยู่บนๆ คนก็เห็นง่าย มีคนมาอ่านเยอะก็ได้ประโยชน์ ไม่ดีกว่าเหรอครับ ดีครับผม ขอบคุณมากครับที่ยังสนใจอยู่ ...ยังไม่ได้นอนเลยตั้งแต่ตอนโพสหัวค่ำ รอตอบคำถามแล้วก็นอนแหละเพราะวันหยุดชดเชย..บริษัททำบุญ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: rapnet14 ที่ 12 พฤศจิกายน 2012, 10:45:24 ความรู้อัพเดท ตามกันต่อไปครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: InwAekza ที่ 12 พฤศจิกายน 2012, 10:45:53 ขอบคุณครับ เดี๋ยวขอนำไปปรับใช้ ถ้าติดปัญหาจะรบกวนถามนะครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: Nobody ที่ 12 พฤศจิกายน 2012, 10:47:11 ขอบคุณครับ
จะนำไปลองใช้ แล้วแจ้งให้ทราบครับ ^^ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: เกมส์ ที่ 12 พฤศจิกายน 2012, 10:48:10 มีประโยชน์ครับ แต่ก็ยัง งงๆอยู่เหมือนกัน :P เดี๋ยวว่างๆ จะลองทำดูครับ :P
html5ของใหม่ๆเลย แล้วผมใช้Dreamweaver csเขียนเว็บ :wanwan012: ต้องทำยังไงให้เป็นhtml5 css3ครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: TonHaDy ที่ 12 พฤศจิกายน 2012, 10:59:25 เดี๋ยวคืนนี้จาลองสักหน่อย ถ้ายังไงจามาเม้นต่อครับ :wanwan003:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 11:02:17 มีประโยชน์ครับ แต่ก็ยัง งงๆอยู่เหมือนกัน :P เดี๋ยวว่างๆ จะลองทำดูครับ :P html5ของใหม่ๆเลย แล้วผมใช้Dreamweaver csเขียนเว็บ :wanwan012: ต้องทำยังไงให้เป็นhtml5 css3ครับ ใช้ Dreamweaver ได้ โดยปรับนำสูตรโค๊ต เข้าไปเสริม ก่อนหน้าหรือต่อท้าย โค๊ตล่าสุดออกมาปีนี้เองเพื่อปรับให้กับ ระบบ มือถือ แท็บเล็ต ipad iphone .. อื่นๆ ทำให้เรามีโอกาสได้ IP เพิ่มขึ้นจากเดิมคือ PC หรือ MAC หน้าเว็บคนเยอะขึ้นนั้นเอง และปรับแต่งให้ใช้ได้ 2 ระบบ เหมือนกันโดยไม่ต้อง บล๊อกเพื่อวิ่งไปหน้า http://m.---.com สำหรับ มือถือ หรือ แท็บเล็ต ที่สำคัญผู้นำ อย่าง Google Facebook Apple ก็ปรับหน้าเว็บล่วงหน้าไปก่อนแล้วเมื่อไม่เดือนมานี้เอง หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 11:17:53 โค๊ต HTML5 Code สังเกตุบางคำสั่ง <???> จะแปลกตาและไม่เคยใช้เลย
อ้างถึง <!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <head> <header> <hgroup> <h1> - <h6> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr> หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: kkusd ที่ 12 พฤศจิกายน 2012, 11:27:04 รูปที่ขึ้นใน index เป็นรูปจาก g+ หรือ icon ครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 11:34:55 ท้าวความเรื่องเก่าเล่าใหม่ เรื่องเล่าถึงเว็บ Songtoday.com ทำ SEO ดีๆ ติดอันดับต้นๆ บ่ิอยไปก็มีแต่คนว่า เหตุผลที่เข้ามาเพราะ Search Google ที่ไร ก็เจอ "สงสัยเว็บ songtoday.com" อันดับต้นๆ เสมอ ก็เข้ามาให้สงสัยซะเลยตอนนี้ จริงๆ แล้วผมสมัครสมาชิก ThaiSEOBoard ตั้งแต่ปี 2008 ขอบคุณที่ USER PASS เดิมยังได้ใช้ได้เป็นปกติ อยากรู้! ก็ตามลิ้งค์ อ่านเอาเองนะครับ ผมอยากรู้ว่าเวปแบบนี้เขามีวิธีทำอย่างไรอ่ะครับ (http://www.thaiseoboard.com/index.php/topic,38925.0.html) สงสัยเว็บ songtoday.com ทำไม songtoday มันไม่โดนแบนซักที (http://www.thaiseoboard.com/index.php/topic,56665.0.html) ถามจริง...ปวดหัวกับเว็บพวกนี้กันมั้ยครัรบ.. (http://www.thaiseoboard.com/index.php/topic,78086.0.html) (http://www.thaiseoboard.com/index.php?topic=93294.0) หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: หมวดเจ๋ง ที่ 12 พฤศจิกายน 2012, 11:35:15 ใช้ php / html เดิมๆ
แต่แทรกโค้ดเข้าไปใช่ไหม แนะนำหน่อย ควรแทรกโค้ดไว้ตรงไหนบ้าง หรือต้องสร้างเว็บใหม่หมดเลย หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: Twenty-One ที่ 12 พฤศจิกายน 2012, 11:37:46 ขอบคุณมากๆครับ เป็นประโยชน์มากๆ เลย
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 11:40:56 ใช้ php / html เดิมๆ แต่แทรกโค้ดเข้าไปใช่ไหม แนะนำหน่อย ควรแทรกโค้ดไว้ตรงไหนบ้าง หรือต้องสร้างเว็บใหม่หมดเลย แทรกตามตำแหน่งที่ระบุ ส่วนหัว,ส่วนเนื้อหา ส่วนก่อนท้าย <footer> link sitemap </footer> <-- ฟุตเตอร์ จันดับเว็บ สำคัญเป็นอันดับ 1 ยุค HTML5 ส่วนหัว เป็น 2 H1 = ระบุึหน้าเรื่อง สำคัญสุด ของหน้านั้นๆ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: chai999 ที่ 12 พฤศจิกายน 2012, 11:43:00 แนะนำที่ทดสอบโค๊ดตามสูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3ครับ google.com/webmasters/tools/richsnippets
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: zante ที่ 12 พฤศจิกายน 2012, 11:43:40 ติดตามดู :wanwan020:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: kkusd ที่ 12 พฤศจิกายน 2012, 11:46:12 ขอบคุณสำหรับข้อมูลครับ :wanwan017: :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: suparerks ที่ 12 พฤศจิกายน 2012, 12:40:26 โดนเลยอันนี้ ขอบคุณมากครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: [C]elebrity ที่ 12 พฤศจิกายน 2012, 12:41:02 โอ้ว สงสัยมานานละว่า ทำยังไงถึงจะมีรูปกับเค้าบ้าง
ขอบคุณครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: nobitalk ที่ 12 พฤศจิกายน 2012, 12:43:29 ขอบคุณมากๆครับที่ช่วยแชร์เรื่องใหม่ๆให้ผมได้รู้
:wanwan017: หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: adsene5438 ที่ 12 พฤศจิกายน 2012, 12:46:53 ถ้าเป็น wp. ปรับได้ไหมครับ
ขอบคุณสำหรับความรู้นะครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 12:54:24 ถ้าเป็น wp. ปรับได้ไหมครับ ขอบคุณสำหรับความรู้นะครับ ปรับได้ทั้งหมดครับ ไม่มีปัญหา ระวังเรื่อง <div> <span> เท่านั้น เปิดใช้ต้อง </ปิด> ทุกครั้งเท่านั้นเอง หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: marketting ที่ 12 พฤศจิกายน 2012, 13:07:50 :wanwan017:
ได้อะไรเยอะเลยครับ ขอบคุณครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: Tongzz ที่ 12 พฤศจิกายน 2012, 13:09:09 สุดยอด :wanwan034:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: cyberblue ที่ 12 พฤศจิกายน 2012, 13:09:54 ถ้าเป็น wp. ปรับได้ไหมครับ ขอบคุณสำหรับความรู้นะครับ ปรับได้ทั้งหมดครับ ไม่มีปัญหา ระวังเรื่อง <div> <span> เท่านั้น เปิดใช้ต้อง </ปิด> ทุกครั้งเท่านั้นเอง ปรับตรงไฟล์ไหนครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: marveric ที่ 12 พฤศจิกายน 2012, 13:11:09 ขอบคุณครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 12 พฤศจิกายน 2012, 13:13:39 ถ้าเป็น wp. ปรับได้ไหมครับ ขอบคุณสำหรับความรู้นะครับ ปรับได้ทั้งหมดครับ ไม่มีปัญหา ระวังเรื่อง <div> <span> เท่านั้น เปิดใช้ต้อง </ปิด> ทุกครั้งเท่านั้นเอง ปรับตรงไฟล์ไหนครับ ปรับทั้งหน้าเว็บอะครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: patcharapong ที่ 12 พฤศจิกายน 2012, 13:37:10 ขอบพระคุณเลยครับ ความรู้ใหม่ยอดเลยครับ :wanwan003: :wanwan003:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: MD.18 ที่ 12 พฤศจิกายน 2012, 13:37:39 โค๊ด: http://www.fathomdelivers.com/2009/ ภาคภาษาอังกฤษนะ( ไม่รู้ต้นฉบับหรือป่าวนะ ) หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: framing ที่ 12 พฤศจิกายน 2012, 15:01:46 เทคนิคสุดยอดครับ
หัวข้อ: Re: ✔ขั้นเทพ! ★★★ SEO ★★★ เทคนิค HR สำหรับ Html 5 + Css3 เริ่มหัวข้อโดย: KINGRPG ที่ 12 พฤศจิกายน 2012, 16:12:15 ขอที่มาได้ไหมครับ อ่านไม่รู้เรื่องเลยครับ เหมือนใช้ Google Translate ขอบคุณที่นำมาแชร์ครับ เจอแบบอังกฤษแล้ว :'( http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: Hello-Dragon ที่ 12 พฤศจิกายน 2012, 16:34:37 ขอบคุณมากครับ เป็นประโยชน์มาก :'(
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: solutioncom ที่ 12 พฤศจิกายน 2012, 17:22:48 ขอบคุณสำหรับความรู้ใหม่ครับ ต้องไปศึกษาแล้วเปลี่ยนเว็บเรา :wanwan003:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: bomie ที่ 12 พฤศจิกายน 2012, 17:23:30 :wanwan017: ขอบคุณที่สละเวลาทดลองครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: บักแฉะ ที่ 12 พฤศจิกายน 2012, 17:38:38 :wanwan007: :wanwan007: :wanwan007:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 13 พฤศจิกายน 2012, 00:36:16 รับทราบครับ ยังไงเมื่อเวลาผ่านไป.. ทำได้สำเร็จแล้วอย่าลืมมาโชว์ผลงานของแต่ละท่านนะครับ
ขอบคุณบอร์ดแห่งนี้มากนะครับ ที่เปิดโอกาสได้แชร์เทคนิคพิเศษอย่างนี้ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: jojoluzifer ที่ 13 พฤศจิกายน 2012, 00:47:08 ขอบคุณครับ
แล้วถ้าจะเขียนใส่ Blooger หนิต้องแก้ยังไงบ้างหรอครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: Heng50 ที่ 13 พฤศจิกายน 2012, 00:57:27 เก็บไว้แล้วค่ะ ขอบคุณในน้ำใจงามค่ะ บวก +1 ค่ะ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: nv7876 ที่ 13 พฤศจิกายน 2012, 01:01:12 +1 :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: name777 ที่ 13 พฤศจิกายน 2012, 01:02:51 เก็บความรู้ :-[ :-[
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: kid-dy ที่ 13 พฤศจิกายน 2012, 01:44:34 ภาษาเทพ เข้าใจยากจัง :wanwan009:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 13 พฤศจิกายน 2012, 07:04:37 ภาษาเทพ เข้าใจยากจัง :wanwan009: ถ้าเป็นเทพแล้ว จะอ่านได้เข้าใจ อย่างอาจารย์ กูลเกิลหัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: koala ที่ 13 พฤศจิกายน 2012, 08:02:32 :wanwan017: ขอบคุณที่เอาความรู้มาแบ่งบันครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: janjhoi ที่ 13 พฤศจิกายน 2012, 09:53:56 ขอบคุณมากครับ :wanwan017: :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: adschool ที่ 13 พฤศจิกายน 2012, 09:59:43 เข้ามาอ่านรอบที่สามแล้ว ขอบคุณครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: cnn2520 ที่ 13 พฤศจิกายน 2012, 10:01:12 :wanwan017: :wanwan017: :wanwan017: :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: search_ie ที่ 13 พฤศจิกายน 2012, 10:18:51 ขอบคุณสำหรับความรู้ครับ :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 13 พฤศจิกายน 2012, 10:23:40 เข้ามาอ่านรอบที่สามแล้ว ขอบคุณครับ แล้วได้อะไรติดไม้ติดมือกลับบ้านหรือยังครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 13 พฤศจิกายน 2012, 10:31:49 ตามมาดูนะครับ จะพาไปถล่มหน้าแรกของ Google ให้พังยับไปเลย
<-- คลิกเลย --> (http://mrdoob.com/projects/chromeexperiments/google-gravity/) หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: chaikrit ที่ 13 พฤศจิกายน 2012, 10:38:43 ขอบคุณสำหรับความรู้ดีๆ ครับ :wanwan011:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: tamxz ที่ 13 พฤศจิกายน 2012, 10:47:36 ขอบคุณนะคับ ที่แบ่งปัน :'(
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: puchong ที่ 13 พฤศจิกายน 2012, 10:53:54 ขอบคุณมากครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: soonthron ที่ 13 พฤศจิกายน 2012, 10:59:26 ยอดเยี่ยมมากครับ เดี๋ยวกลับมาอ่านอีกครั้ง ขอบคุณที่ให้ความรู้
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 13 พฤศจิกายน 2012, 18:34:07 ตามมาดูนะครับ จะพาไปถล่มหน้าแรกของ Google ให้พังยับไปเลย <-- คลิกเลย --> ([url]http://mrdoob.com/projects/chromeexperiments/google-gravity/[/url]) หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: mr.beer ที่ 13 พฤศจิกายน 2012, 18:54:48 ขอบคุณมากครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: netbooknb ที่ 13 พฤศจิกายน 2012, 19:34:06 ชอบก็อีตอนที่แชร์นี่แหละ..................................... :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: rabbiz ที่ 13 พฤศจิกายน 2012, 19:50:10 โค๊ด: <html itemscope="itemscope" itemtype="http://schema.org/WebPage "> ตรงนี้เป็นส่วนที่จำเป็นต้องใส่มั้ยครับ ขอบคุณมากนะครับที่แชร์ให้กัน :'( หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 13 พฤศจิกายน 2012, 21:17:29 โค๊ด: <html itemscope="itemscope" itemtype="[url]http://schema.org/WebPage[/url] "> ตรงนี้เป็นส่วนที่จำเป็นต้องใส่มั้ยครับ ขอบคุณมากนะครับที่แชร์ให้กัน :'( ประตูเปิดทาง HTML 5 ส่วนนี้สำคัญอันดับแรก จำเป็นต้องใส่ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: mixsp ที่ 13 พฤศจิกายน 2012, 21:19:05 :wanwan017: ขอบคุณครับ ได้แนวทาง... :wanwan002:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 14 พฤศจิกายน 2012, 13:44:31 ตัวอย่างเว็บไซต์: คลิกเลย ([url]http://www.songtoday.com[/url]) สูตรใหม่ SEO HTML5 + CSS3 + For iPad iPhone Apple Safari Chomes ... อื่นๆ อ้างถึง <!doctype html> <html itemscope="itemscope" itemtype="[url]http://schema.org/WebPage[/url]"> <-- เว็บอ้างอิงต้นแบบ HTML5 + CSS3 <head> <meta itemprop="image" content="/images/google_favicon_128.png"> <-- รูปภาพ <meta itemprop="url" content="[url]http://www.songtoday.com[/url]"> < --แจ้งชื่อเว็บของเรา <link rel="publisher" href="[url]https://plus.google.com/123456XXXXX[/url]"> <-- แจ้งชื่อ ID ของเรา Gmail Google Plus คงมีกันทุกคน ✔สูตร publisher ภาพตัวอย่างที่ได้ผลบน Google: ([url]http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIwLWAyMDgtMTMwMjAxMjExZ2UtMjEtaW1h.jpg[/url]) ... ... อ้างถึง <title>Songtoday.com</title> <body itemscope itemtype="[url]http://schema.org/WebPage[/url]"> <- ต้องใส่สำคัญมาก HTML5 ... <div itemprop="breadcrumb"> <a href="category/books.html">รวมหนังสือดีๆ</a> > <a href="category/books-literature.html">วรรณกรรมและนิยาย</a> > <a href="category/books-classics">หนังสือคลาสสิก</a> </div> ✔สูตร breadcrumb ภาพตัวอย่างที่ได้ผลบน Google: ([url]http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIzLWAyMjEtMTMwMjAxMjExZ2UtMjEtaW1h.jpg[/url]) ([url]http://www.fathomdelivers.com/wp-content/uploads/2009/12/breadcrumb-navigation2.bmp[/url]) เนื้อหา อ้างถึง <div itemscope itemtype="[url]http://schema.org/Book[/url]"> <img itemprop="image" src="catcher-in-the-rye-book-cover.jpg" /> <span itemprop="name">รวมหนังสือ</span> - <link itemprop="bookFormat" href="[url]http://schema.org/Paperback[/url]">หนังสือเล่มใหม่ โดย <a itemprop="author" href="/author/jd_salinger.html">นาย โทนี่</a> Rating: อ้างถึง <div itemprop="aggregateRating" itemscope itemtype="[url]http://schema.org/AggregateRating[/url]"> <span itemprop="ratingValue">4.5</span> เกรดคะแนนโหวต 4 1/2 ดาว <span itemprop="reviewCount">78</span> จำนวนคนที่เข้าชม </div> ✔สูตร Rating ภาพตัวอย่างที่ได้ผลบน Google มีรูปดาวเด่นกว่าน่าคลิกมากกว่า : ([url]http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIyLWAyMTktMTMwMjAxMjExZ2UtMjEtaW1h.jpg[/url]) อ้างถึง <footer> Link 1 Link 3 Link 2 </footer> </body></html> สิ่งที่เพิ่มขึ้น ✔สูตร itemscope="itemscope", itemprop="image", itemprop="url", ... ([url]http://www.upfree.com/user_upload/image/20121113/MDMWpwZw==UtNzIxLwMjAyMTMjExMTM2UtMjAxEtaW1hZ.jpg[/url]) HTML5 2012 ล่าสุด มันอาจจะทำให้ทุกท่านถึงกับรื้อเว็บไซต์ตัวเองใหม่ทั้งหมดเพื่อปรับรับกับ Google อัลกอ.. 2012 ใหม่ For iPad iPhone Apple Safari Chomes ... อื่นๆ หากคุณเคยใส่ HR องค์ประกอบในหน้าเว็บของคุณคุณจะรู้ว่าเส้นมันจะใหญ่มากและไม่สวยและดังนั้นจึงเป็นสิ่งสำคัญที่รูปแบบใด HR แท็กที่คุณใช้ พื้นฐาน HR แท็ก จะปรากฏทางเบราว์เซอร์ที่ต้องการแสดง เบราว์เซอร์ที่ทันสมัยมักจะแสดง unstyled HR ที่มีความกว้างแท็กของ 100% ความสูงของ 2px และชายแดน 3D สีดำเพื่อสร้างบรรทัด ([url]http://0.tqn.com/d/webdesign/1/G/e/l/1/styled-hr-elements.png[/url]) ([url]http://0.tqn.com/d/webdesign/1/G/f/l/1/hrs-in-browsers.png[/url]) นี่คือ ตัวอย่างขององค์ประกอบมาตรฐาน หรือคุณสามารถเห็นใน ภาพนี้ วิธี unstyled HR ที่ปรากฏในเบราว์เซอร์ที่ทันสมัย อ้างถึง <hr /> เส้นมันจะใหญ่และไม่สวย มันเป็นไปได้ที่จะสไตล์ HR เพื่อที่จะดูดีและจริงพอดีกับรูปแบบหน้าเว็บของคุณ แต่คุณจะต้องระมัดระวังกับมันเป็นมีบางประเด็นเบราว์เซอร์ที่มีวิธีการที่จะแสดง ความกว้างและความสูงมีความสอดคล้องกันเบราว์เซอร์ รูปแบบเดียวที่มีความสอดคล้องกันทั่วเว็บเบราเซอร์ที่มี width และ height รูปแบบ เหล่านี้จะกำหนดวิธีการขนาดใหญ่บรรทัดจะ หากคุณไม่ได้กำหนด width และ height ความกว้างเริ่มต้นเป็น 100% และความสูงเริ่มต้นคือ 2px ใน ตัวอย่างนี้ ผมเปลี่ยนความกว้างถึง 50% ขององค์ประกอบหลัก: อ้างถึง <hr style="width:50%;" /> และใน ตัวอย่างนี้ ผมเปลี่ยนความสูงถึง 2em: อ้างถึง <hr style="height:2em;" /> ในเบราว์เซอร์ที่ทันสมัย (Chrome, Safari, Opera, Firefox, และ IE8 +) เบราว์เซอร์ที่สร้างเส้นขอบโดยการปรับ ดังนั้นหากคุณลบเส้นขอบที่มี border สถานที่ให้บริการแบบ สายจะหายไปบนหน้า ที่คุณสามารถดู (ดีคุณจะไม่เห็นอะไรเป็นเส้นจะมองไม่เห็น) ใน ตัวอย่างนี้ : อ้างถึง <hr style="border: none;" /> แต่ใน Internet Explorer 7 และต่ำกว่าการเปลี่ยนแปลง border: none; ไม่มีผลอะไรเลย เบราว์เซอร์ยังคงแสดงเส้นเหมือนปกติจะ ดังนั้นใน IE7 และต่ำกว่า ตัวอย่างข้างต้น จะแสดงสามบรรทัดมากกว่าเพียงหนึ่ง แต่การปรับขนาดเส้นขอบสีและรูปแบบจะให้เส้นมองแตกต่างกันและมีผลเดียวกันในเบราว์เซอร์ที่ทันสมัยทั้งหมด ตัวอย่างเช่นใน การสาธิตนี้ ผมเปลี่ยนเส้นเป็นสีแดงประ 1px กว้าง: อ้างถึง <hr style="border: 1px dashed #000;" /> แต่ถ้าคุณเปลี่ยนเส้นขอบและความสูงลักษณะมองแตกต่างกันเล็กน้อยใน IE7 จากเบราว์เซอร์ที่ทันสมัย ในขณะที่คุณสามารถเห็นใน ตัวอย่างนี้ เมื่อคุณดูใน IE7 มีเส้นภายใน beveled ที่ไม่แสดงในเบราว์เซอร์อื่น ๆ (รวมทั้ง IE8 และขึ้นไป): อ้างถึง <hr style="height:1.5em;width:25em;border:1px solid #000;" /> การเปลี่ยนสีของเส้นอาจเป็นเรื่องยากเกินไป Internet Explorer 7 และต่ำกว่าถือว่าสีของเส้นเป็นสีพื้นและเพื่อการเปลี่ยนแปลงสีของเส้นเมื่อคุณเปลี่ยน color สถานที่ให้บริการ . แต่เบราว์เซอร์ที่ทันสมัยรักษาสีของเส้นเป็นสีพื้นหลังและไม่เปลี่ยนเว้นแต่คุณจะใช้ background-color ใน ตัวอย่างนี้ ผมเปลี่ยนสีด้วย color: อ้างถึง <hr style="color:#c00;" /> และใน ตัวอย่างนี้ ผมเปลี่ยน background-color คุณสมบัติ: อ้างถึง <hr style="background-color:#c00;" /> เพื่อให้ได้ผลลัพธ์ที่ดีที่สุดที่คุณควร เปลี่ยนทั้งหมด ให้เป็นสีเดียวกันดังนั้นบรรทัดปรากฏถูกต้องในเบราว์เซอร์มากที่สุด: อ้างถึง <hr style="color:#c00;background-color:#c00;" /> แน่นอนมันยังคงไม่ทำงาน Opera 9 และลดลงเนื่องจากเบราว์เซอร์นี้ต้อง สูงที่กำหนดไว้และเส้นลบ เช่นกันก่อนที่มันจะเปลี่ยนสีของเส้น: อ้างถึง <hr style="color:#c00;background-color:#c00; height:1px;border:none; " /> ปรับตำแหน่งของสาย นี้ดูเหมือนว่ามันจะเป็นสิ่งที่ง่ายที่จะทำเพียงแค่ใช้ float ในสถานที่ ที่จะผลักดันแนวไปทางขวาหรือซ้าย: อ้างถึง <hr style="width:50%; float:right; " /> แต่ เป็นคุณสามารถเห็น มันไม่ทำงานใน Internet Explorer 7 และต่ำกว่า ที่จะได้ไปทำงานในรุ่นเหล่านี้ของ IE, คุณจะต้องลบ float สไตล์และใส่ใน เลิก แอตทริบิวต์ align : อ้างถึง <hr style="width:50%;" align="right" /> ทำให้เส้นตกแต่งด้วยภาพพื้นหลัง แทนสีคุณสามารถกำหนดภาพพื้นหลังของคุณสำหรับ HR เพื่อที่จะมีลักษณะตรงตามที่คุณต้องการให้ แต่ยังคงแสดงความหมายในมาร์คอัปของคุณ ใน ตัวอย่างนี้ ผมใช้ ภาพ ที่เป็นสามเส้นหยัก โดยการตั้งค่าเป็นภาพพื้นหลังด้วยซ้ำไม่ก็สร้างแบ่งในเนื้อหาที่มีลักษณะเกือบจะเหมือนที่คุณเห็นในหนังสือ: อ้างถึง <hr style="height:20px;background: #fff url(aa010307.gif) no-repeat scroll center;border:none;" /> แต่ในขณะที่เรากำลังมาถึงคาดว่าจะมีปัญหากับหนึ่งของเบราว์เซอร์ IE7 และลดรอบ HR ที่มีเส้นขอบ หากคุณเปิดลายเส้นและปิดมันมีลักษณะเดียวกัน (ในความเป็นจริงตัวอย่างข้างต้นมีเส้นขอบปิด) และถ้าคุณตั้งค่าสีเป็นสีขาว (สีเดียวกับสีพื้นหลัง), สายหายไปในเบราว์เซอร์รุ่นเก่าเหล่านี้ ทางออกเดียวคือสับวงล้อมรอบ HR ที่มี DIV , เพิ่มภาพพื้นหลังเพื่อ DIV และจากนั้นตั้ง HR display ที่ไม่มี: ในขณะที่คุณสามารถเห็นใน ตัวอย่างนี้ ก็ทำงาน แต่มันทำให้ความหมายของ HTML น้อย นี่คือสถานการณ์ที่มันอาจจะดีกว่าที่จะปล่อยให้ IE7 แสดงบรรทัดไม่ถูกต้องหรือลบภาพจาก IE7 และต่ำกว่าด้วย สำหรับตัวอย่างนี้คือ: <div style="height:20px;background: #fff url(aa010307.gif) no-repeat scroll center;" > อ้างถึง <hr style="display:none;" /> โอกาสหน้ามีอะไรดีๆ จะโพสแบ่งปันอีกนะครับ ตัวอย่างเว็บไซต์: คลิกเลย ([url]http://www.songtoday.com/tags.html[/url]) หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: ซากุระไฮเปอร์ ที่ 14 พฤศจิกายน 2012, 13:55:19 เจ๋งอ่ะพี่
+ ให้แล้วนา :wanwan017: หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: KaPong_Inter ที่ 14 พฤศจิกายน 2012, 14:12:52 :wanwan017: ขอบคุณที่รวบรวม มาให้อ่านครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: mksuky ที่ 14 พฤศจิกายน 2012, 14:50:53 เจ๋งมากครับ +1 จขกท. เลย :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: killer777 ที่ 14 พฤศจิกายน 2012, 15:23:10 เจ๋งมากครับ เทพมาก
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 14 พฤศจิกายน 2012, 16:16:28 ขอบคุณครับ อย่าลืมปฎิบัติด้วยหล่ะ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: vza ที่ 14 พฤศจิกายน 2012, 16:22:56 :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 14 พฤศจิกายน 2012, 17:09:33 ขอบคุณ ทุกๆน้ำใจ โดยเฉพาะ +1 :(
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: hastyman ที่ 14 พฤศจิกายน 2012, 17:55:06 ตัวอย่างเว็บไซต์: คลิกเลย ([url]http://www.songtoday.com[/url]) สูตรใหม่ SEO HTML5 + CSS3 + For iPad iPhone Apple Safari Chomes ... อื่นๆ อ้างถึง <!doctype html> <html itemscope="itemscope" itemtype="[url]http://schema.org/WebPage[/url]"> <-- เว็บอ้างอิงต้นแบบ HTML5 + CSS3 <head> <meta itemprop="image" content="/images/google_favicon_128.png"> <-- รูปภาพ <meta itemprop="url" content="[url]http://www.songtoday.com[/url]"> < --แจ้งชื่อเว็บของเรา <link rel="publisher" href="[url]https://plus.google.com/123456XXXXX[/url]"> <-- แจ้งชื่อ ID ของเรา Gmail Google Plus คงมีกันทุกคน ✔สูตร publisher ภาพตัวอย่างที่ได้ผลบน Google: ([url]http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIwLWAyMDgtMTMwMjAxMjExZ2UtMjEtaW1h.jpg[/url]) ... ... อ้างถึง <title>Songtoday.com</title> <body itemscope itemtype="[url]http://schema.org/WebPage[/url]"> <- ต้องใส่สำคัญมาก HTML5 ... <div itemprop="breadcrumb"> <a href="category/books.html">รวมหนังสือดีๆ</a> > <a href="category/books-literature.html">วรรณกรรมและนิยาย</a> > <a href="category/books-classics">หนังสือคลาสสิก</a> </div> ✔สูตร breadcrumb ภาพตัวอย่างที่ได้ผลบน Google: ([url]http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIzLWAyMjEtMTMwMjAxMjExZ2UtMjEtaW1h.jpg[/url]) ([url]http://www.fathomdelivers.com/wp-content/uploads/2009/12/breadcrumb-navigation2.bmp[/url]) เนื้อหา อ้างถึง <div itemscope itemtype="[url]http://schema.org/Book[/url]"> <img itemprop="image" src="catcher-in-the-rye-book-cover.jpg" /> <span itemprop="name">รวมหนังสือ</span> - <link itemprop="bookFormat" href="[url]http://schema.org/Paperback[/url]">หนังสือเล่มใหม่ โดย <a itemprop="author" href="/author/jd_salinger.html">นาย โทนี่</a> Rating: อ้างถึง <div itemprop="aggregateRating" itemscope itemtype="[url]http://schema.org/AggregateRating[/url]"> <span itemprop="ratingValue">4.5</span> เกรดคะแนนโหวต 4 1/2 ดาว <span itemprop="reviewCount">78</span> จำนวนคนที่เข้าชม </div> ✔สูตร Rating ภาพตัวอย่างที่ได้ผลบน Google มีรูปดาวเด่นกว่าน่าคลิกมากกว่า : ([url]http://www.upfree.com/user_upload/image/20121113/BDMpwZw==NzIyLWAyMTktMTMwMjAxMjExZ2UtMjEtaW1h.jpg[/url]) อ้างถึง <footer> Link 1 Link 3 Link 2 </footer> </body></html> สิ่งที่เพิ่มขึ้น ✔สูตร itemscope="itemscope", itemprop="image", itemprop="url", ... ([url]http://www.upfree.com/user_upload/image/20121113/MDMWpwZw==UtNzIxLwMjAyMTMjExMTM2UtMjAxEtaW1hZ.jpg[/url]) HTML5 2012 ล่าสุด มันอาจจะทำให้ทุกท่านถึงกับรื้อเว็บไซต์ตัวเองใหม่ทั้งหมดเพื่อปรับรับกับ Google อัลกอ.. 2012 ใหม่ For iPad iPhone Apple Safari Chomes ... อื่นๆ หากคุณเคยใส่ HR องค์ประกอบในหน้าเว็บของคุณคุณจะรู้ว่าเส้นมันจะใหญ่มากและไม่สวยและดังนั้นจึงเป็นสิ่งสำคัญที่รูปแบบใด HR แท็กที่คุณใช้ พื้นฐาน HR แท็ก จะปรากฏทางเบราว์เซอร์ที่ต้องการแสดง เบราว์เซอร์ที่ทันสมัยมักจะแสดง unstyled HR ที่มีความกว้างแท็กของ 100% ความสูงของ 2px และชายแดน 3D สีดำเพื่อสร้างบรรทัด ([url]http://0.tqn.com/d/webdesign/1/G/e/l/1/styled-hr-elements.png[/url]) ([url]http://0.tqn.com/d/webdesign/1/G/f/l/1/hrs-in-browsers.png[/url]) นี่คือ ตัวอย่างขององค์ประกอบมาตรฐาน หรือคุณสามารถเห็นใน ภาพนี้ วิธี unstyled HR ที่ปรากฏในเบราว์เซอร์ที่ทันสมัย อ้างถึง <hr /> เส้นมันจะใหญ่และไม่สวย มันเป็นไปได้ที่จะสไตล์ HR เพื่อที่จะดูดีและจริงพอดีกับรูปแบบหน้าเว็บของคุณ แต่คุณจะต้องระมัดระวังกับมันเป็นมีบางประเด็นเบราว์เซอร์ที่มีวิธีการที่จะแสดง ความกว้างและความสูงมีความสอดคล้องกันเบราว์เซอร์ อ่านไปก็งงๆ... คงได้ใช้ในวันหน้าครับ :wanwan012: หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: QA. ที่ 14 พฤศจิกายน 2012, 18:39:46 ตามมาดู :wanwan016:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: tonwon ที่ 14 พฤศจิกายน 2012, 18:50:16 สุดยอดครับ ต้องลองเอาไปใช้ :wanwan017:
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: thaiseospeed ที่ 14 พฤศจิกายน 2012, 20:57:49 ต้องรื้อเว็บใหม่กันอีกแล้ว เจ๋งไปเลย มีประโยชน์มากคับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 14 พฤศจิกายน 2012, 21:20:08 ขอบคุณมากครับ ไม่ขอตอบคำถามทาง PM เพราะนี้คือการแบ่งปันเพื่อส่วนรวมทั้งหมด
สงสัยตรงไหนสอบถามได้ทางหน้ากระทู้เท่านั้นนะครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: Zaesar ที่ 14 พฤศจิกายน 2012, 21:21:15 ขอบคุณครับ
หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: songtoday ที่ 15 พฤศจิกายน 2012, 17:04:14 หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: ID888 ที่ 15 พฤศจิกายน 2012, 17:55:03 ขอบคุณมากครับ สุดยอดครับ หัวข้อ: Re: ✔ ขั้นเทพ! ★★★ SEO ★★★ สูตรเทคนิคพิเศษ HR สำหรับ HTML 5 + CSS 3 เริ่มหัวข้อโดย: KINGRPG ที่ 15 พฤศจิกายน 2012, 18:01:47 ใช้ breadcrumb แล้วเท่ขึ้นเยอะเลยครับ :wanwan004:
|