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

5

ควรชื่อเว็บไซต์เป็นก่อนหรือหลังชื่อหน้า?

ขอโทษถ้านี่เป็นสิ่งล่อใจ ฉันพยายามค้นหา แต่ไม่พบสิ่งใดที่แก้ไขข้อกังวลนี้โดยเฉพาะ เมื่อสร้างไซต์ขนาดใหญ่ (ish) ชื่อหน้ามักจะอ้างอิงทั้งชื่อไซต์และชื่อหน้าปัจจุบัน อย่างไรก็ตามดูเหมือนว่ามีสองหลักการหลัก: Bob's Awesome Site - Contact Page และ Contact Page - Bob's Awesome Site ฉันได้ดูไปทั่วและหน้าเว็บมักจะใช้หนึ่งในสองรูปแบบด้านบน มีเหตุผลที่จะใช้อย่างใดอย่างหนึ่งมากกว่าที่อื่น ๆ ? SEO / การอ่าน / การใช้งาน / etc? ฉันคิดเกี่ยวกับมันและได้เกิดขึ้นกับ: หน้าแรก - สร้างความแตกต่างของแท็บเมื่อเบราว์เซอร์เต็มไปด้วยแท็บจำนวนมาก ไซต์ก่อน - ดูไซต์ "หลัก" ทันทีเพื่อพูด ประสบการณ์ที่เหนียวแน่นมากขึ้น

16 html web-development title

3

คำสั่งของเมตาแท็ก HTML

บริษัท SEO ปัญหาเราเปลี่ยนลำดับของแท็ก meta HTML ของเราเพื่อให้<title>และ<meta name="description">เป็นครั้งแรกที่สอง พวกเขาบอกว่านี่คือเพื่อให้แน่ใจว่าเครื่องมือค้นหาสามารถใช้สองแท็กเหล่านี้ ฉันรู้สึกว่าลำดับของแท็กในส่วนหัวของเอกสารนั้นไม่สำคัญ ฉันเคยผิดหรือเปล่า? จะมีจริงๆเครื่องยนต์ที่คิดว่าสองแท็กครั้งแรกมักจะค้นหาtitleและdescriptionและให้ขึ้นไปหาพวกเขาหากพวกเขาไม่ได้?

16 seo html meta-tags

1

ป้องกันไม่ให้เบราว์เซอร์ Iphone เปลี่ยนหมายเลขเป็นลิงก์

ฉันกำลังเขียนหน้าง่าย ๆ ที่ควรจะดูบนอุปกรณ์มือถือ ในขณะที่ดูในเครื่องจำลอง iphone ฉันสังเกตเห็นว่าเบราว์เซอร์ iphone เปลี่ยนสตริงหมายเลขใด ๆ ให้เป็นลิงก์โดยอัตโนมัติ ปัญหาคือ - มีตัวเลขมากมายในหน้าเว็บของฉันที่ LOOK เหมือนกับหมายเลขโทรศัพท์ แต่จริงๆแล้วไม่ใช่ มีวิธีบอกเบราว์เซอร์ iphone ให้ปล่อยตัวเลขเหล่านี้ไว้คนเดียวหรือไม่?

15 html browsers iphone

2

ขนาดภาพที่ถูกต้องเมื่อใช้โลโก้ / ภาพของ Schema.org

ขนาดของภาพที่ถูกต้องเมื่อใช้ Schema.org's logo/ image(เช่นสำหรับ a Brand) คืออะไร? ฉันต้องการสร้างโลโก้สำหรับแบรนด์ที่มีมิติที่ถูกต้องเพื่อให้ไม่ผิดเพี้ยนเมื่อปรากฏในผลการค้นหา ฉันไม่พบขนาดภาพที่ถูกต้องในเว็บไซต์

15 seo html images microdata google-rich-snippets-tool

3

แท็ก <span> และ <div> ต่างกันอย่างไร

ฉันอยากรู้ว่าแท็ก span ดูเหมือนจะทำงานเหมือนกับ div

15 html

3

การวาง HTML จากหน้าการเปลี่ยนเส้นทาง 301 ในเอกสารจะทำหน้าที่เหมือนกับการเปลี่ยนเส้นทาง 301 จริงหรือไม่

ในโปรแกรมดีบั๊กของเว็บ html ของหน้าการเปลี่ยนเส้นทาง 301 จะแสดงเป็น: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>301 Moved Permanently</title> </head><body> <h1>Moved Permanently</h1> <p>The document has moved <a href="http://www.website.com/webpage.htm">here</a>.</p> </body></html> ฉันต้องเปลี่ยนเส้นทางหน้า html โดยไม่สนับสนุนเซิร์ฟเวอร์ หากฉันแทนที่หน้า html ด้วยรหัสข้างต้นมันจะทำงานเช่นเดียวกับการเขียน 301 การเปลี่ยนเส้นทางใน. htaccess บน apache หรือไม่ ฉันค้นหาสิ่งนี้บน google แต่เว็บไซต์ที่พูดถึงการเปลี่ยนเส้นทาง 301 รายการไม่ครอบคลุมตัวเลือกนี้สำหรับการเปลี่ยนเส้นทางหน้า html

15 html 301-redirect

11

การเพิ่มประสิทธิภาพทั่วไปเพื่อลดขนาดหน้า HTML หรือ XHTML?

การเพิ่มประสิทธิภาพทั่วไปมีอะไรบ้างเพื่อลดขนาดหน้า HTML หรือ XHTML บางคนที่เข้ามาในใจคือ: ลบความคิดเห็น ลบช่องว่างภายนอก การย้ายสไตล์อินไลน์ซ้ำไปยังสไตล์ชีท CSS เป็นต้น บางคนมีอะไรบ้าง ข้อเสนอไหนที่ใหญ่ที่สุดสำหรับการจ่ายเงินหรือสามารถทำได้โดยอัตโนมัติด้วยเครื่องมือหรือโมดูล?

15 optimization html performance xhtml page-size

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

1

เคล็ดลับแบบอินไลน์บล็อกนี้เกี่ยวข้องกับ 'font-size: 0' อันตรายสำหรับ SEO หรือไม่

ซักพักฉันตอบคำถามนี้ใน Stack Overflow: /programming/5078239/how-to-remove-the-space-between-inline-block-elements ปัญหาคือองค์ประกอบที่display: inline-blockมี "ช่องว่างพิเศษ" เนื่องจากได้รับผลกระทบจากช่องว่างใน HTML ดู: http://jsfiddle.net/thirtydot/4z4v2/ ตามที่ปรากฏช่องว่างสามารถลบออกได้โดยการลบช่องว่างใน HTML อย่างไรก็ตามการลบช่องว่างออกนั้นบางครั้งเป็นการแก้ไขที่ไม่พึงประสงค์: ตัวอย่างเช่นทำให้ HTML ทำงานได้ยากขึ้น ดังนั้นฉันแนะนำวิธีแก้ปัญหานี้: http://jsfiddle.net/thirtydot/4z4v2/1/ ul { font-size: 0; letter-spacing: -1px; } li { font-size: medium; letter-spacing: normal; } ( letter-spacingจำเป็นต้องกำจัดช่องว่างทั้งหมดใน Safari) และนั่นก็คือ .. .. ถึงความคิดเห็นที่โผล่ขึ้นมาเมื่อมีการแนะนำเทคนิคนี้ในคำตอบอื่น : โปรดใช้ความระมัดระวังกับรหัสนี้เนื่องจากโปรแกรมรวบรวมข้อมูลเว็บอาจตีความได้ว่าเป็นการละเมิดเนื่องจากคุณซ่อนข้อความไว้อย่างชัดเจนภายในองค์ประกอบที่มีลิงก์ เป็นความจริงที่ว่าลิงก์นั้นสามารถมองเห็นได้ด้วยกฎเฉพาะเจาะจงที่สูงขึ้น แต่ยังโปรแกรมรวบรวมข้อมูลเว็บยังเห็นลิงก์จำนวนมากภายในคอนเทนเนอร์ซึ่งบอกบรรพบุรุษของมันทั้งหมดเพื่อซ่อนเนื้อหาที่เป็นข้อความ ผมเคยใช้เทคนิคนี้เพียงหนึ่งเว็บไซต์ (..I มักจะเพียงแค่ลบช่องว่าง) และเว็บไซต์ที่ได้รับการจัดอันดับอย่างถูกต้องใน Google (ไม่มีการเชื่อมโยงขออภัย) …

14 seo google html css

3

อะไรคือความแตกต่างระหว่าง "noofener noopener" กับ "nofollow" เพียงอย่างเดียว?

ผมใช้ WordPress ปลั๊กอินที่ดีที่สุด Nofollownofollowได้อย่างง่ายดายให้เป็นลิงค์ rel="nofollow"ดังนั้นผมจึงคาดว่าปลั๊กอินที่จะเพิ่ม แต่มันเพิ่มrel="nofollow noopener" มีความแตกต่างระหว่างrel="nofollow"กับrel="nofollow noopener"?

14 seo html nofollow rel

4

เมื่อใดที่ฉันควรใช้แอตทริบิวต์“ crossorigin” ใน“ preconnect” <link>

ฉันต้องการรวมคำแนะนำทรัพยากรที่มีการเชื่อมต่อไว้ล่วงหน้าบนเว็บไซต์ของฉันเพื่อให้เบราว์เซอร์สามารถ (ตัวอย่าง) เชื่อมต่อกับ jQuery CDN ก่อนที่พวกเขาจะเห็นแท็กสคริปต์ที่เรียกใช้ CDN ฉันไม่แน่ใจว่าควรรวมแอตทริบิวต์“ crossorigin” หรือค่าของมันควรเป็นอะไร สเปคกล่าวว่าในส่วนหนึ่ง ในการเริ่มการเชื่อมต่อล่วงหน้าเอเจนต์ผู้ใช้ต้องรันขั้นตอนเหล่านี้: [ ... ] ให้corsAttributeStateเป็นสถานะปัจจุบันของcrossoriginแอตทริบิวต์เนื้อหาขององค์ประกอบ ขอข้อมูลประจำตัวtrueเป็นชุดค่าบูลีนเพื่อ หากcorsAttributeStateเป็นAnonymousและต้นกำเนิดfalseไม่เท่ากับกำเนิดปัจจุบันเอกสารของข้อมูลประจำตัวของชุด พยายามที่จะได้รับการเชื่อมต่อกับแหล่งที่มาและข้อมูลประจำตัว ฉันไม่รู้วิธีตีความอัลกอริทึมนี้ หากฉันเชื่อมต่อกับ CDN ล่วงหน้าซึ่งจะอนุญาตให้ทุกคนดาวน์โหลดเนื้อหาโดยไม่มีข้อมูลรับรองประเภทใดฉันควรใช้ค่าใดสำหรับแอตทริบิวต์“ crossorigin”

14 html performance cross-origin

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

2

ลิงก์ <a href=play# ”> </a> เป็นลิงก์ที่เสียหายหรือไม่

เมื่อใช้ลิงค์ชิ้นส่วน URL เปล่าเพื่อส่งผู้ใช้ไปที่ด้านบนของหน้า (เช่น<a href="#">return to top</a>) ลิงค์เหล่านี้ถือว่าเสียหายหรือไม่ถูกต้อง? หนึ่งในเครื่องมือของฉันคืนพวกเขาทั้งหมดเป็นลิงก์ที่ใช้งานไม่ได้

12 html links validation

1

ทำไมไม่มีเว็บไซต์ยอดนิยมขนาดใหญ่เช่นนั้นให้ใช้คำหลักและคำอธิบายเมตาส่วนหัว

เหตุใด Stack Overflow, Wikipedia หรือ MSDN เป็นต้นจึงไม่มีเมตาแท็กคำหลักและคำอธิบายในส่วนหัวของหน้า ตัวอย่างเช่น Google จัดทำดัชนีย่อหน้าแรกเป็นคำอธิบายสั้น ๆ นี่เป็นจุดทางเทคนิคในการออกแบบเว็บและ SEO หรือไม่?

12 html

8

เครื่องมือดู / ทดสอบ CSS สไตล์

มีไซต์ภายนอกที่มี HTML ทั่วไปมากมายเพื่อดูว่า CSS มีลักษณะอย่างไรเมื่อนำไปใช้หรือไม่ ผมหมายถึงบางสิ่งบางอย่างเต็มรูปแบบของtable, a, div, span, p, สิ่งที่ คุณไปที่นั่นวาง CSS ของคุณและดูผลลัพธ์

12 css html

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