สร้าง Meta Tags สำหรับหน้า HTML ได้อย่างง่ายดายโดยใช้เครื่องมือออนไลน์ฟรีนี้

แม้ว่าGoogle จะ หยุดใช้Meta Keywordsเป็นปัจจัยในการจัดอันดับ แต่ก็มีบางเว็บไซต์ที่ต้องใช้เมตาแท็กที่เหมาะสมเพื่อทำความเข้าใจเว็บไซต์ของคุณ ตัวอย่างเช่นFacebookใช้เมตาแท็กเพื่อดึงชื่อเว็บไซต์ คำอธิบาย และรูปภาพเด่น Twitter , LinkedIn , PinterestและSlackทำสิ่งเดียวกัน หากคุณกำลังสร้าง หน้า HTMLและต้องการเพิ่มเมตาแท็ก นี่คือเครื่องมือง่ายๆ ที่เรียกว่าMeta Tagsที่จะช่วยให้คุณสร้างเมตาแท็กได้

หากคุณมีความรู้เพียงพอ คุณอาจไม่จำเป็นต้องใช้เครื่องมือนี้ อย่างไรก็ตาม หากคุณไม่รู้อะไรเกี่ยวกับ "คุณสมบัติ" ซึ่งจำเป็นต้องใช้ในการกำหนดชื่อ คำอธิบาย รูปภาพคุณสมบัติ ฯลฯ คุณจะพบว่าสิ่งนี้มีประโยชน์มาก มีปลั๊กอินWordPress บางตัวเช่น (WordPress)Yoast SEOและอื่น ๆ ที่สามารถทำได้เช่นเดียวกัน อย่างไรก็ตาม เครื่องมือนี้มีไว้สำหรับผู้ที่ต้องการสร้างเมตาแท็กสำหรับเว็บไซต์HTML

สร้าง Meta Tags สำหรับเว็บไซต์

สร้างเมตาแท็ก

คุณสามารถสร้างเมตาแท็กสำหรับFacebook , Twitter , Linkedin , PinterestและSlackโดยใช้เครื่องมือนี้ หากต้องการสร้าง ให้ไปที่เว็บไซต์ และเลือกไซต์เครือข่ายสังคมออนไลน์ที่คุณต้องการสร้างเมตาแท็กให้

หลังจากนั้น ให้ป้อนURLของหน้าเว็บของคุณ ทางด้านซ้ายมือของคุณ คุณควรพบสามตัวเลือก

  1. ภาพ
  2. ชื่อ
  3. คำอธิบาย

แม้ว่าคุณจะสามารถอัปโหลดรูปภาพได้ แต่โค้ดดังกล่าวก็จะไม่นำติดตัวไปด้วย ซึ่งหมายความว่าคุณต้องอัปโหลดรูปภาพไปยังเซิร์ฟเวอร์ของคุณต่างหาก อย่างไรก็ตาม คุณสามารถแก้ไขชื่อ(Title)และคำอธิบาย(Description)ได้ หลังจากทำการเปลี่ยนแปลงทั้งหมดแล้ว ให้คลิกปุ่มสร้างเมตาแท็(GENERATE META TAGS )ก

คุณควรพบโค้ดบางบรรทัดที่มีลักษณะดังนี้:

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="your-website-name">
<meta property="og:title" content="your-title">
<meta property="og:description" content="your-description
<meta property="og:image" content="image-url">

คัดลอก(Copy)บรรทัดเหล่านี้แล้ววางลงในแท็ก<head>ในกรณีที่คุณต้องการเพิ่มเมตาแท็กในไซต์WordPress ของคุณ (WordPress)คุณต้องเปิดไฟล์ header.php(header.php )ของธีมของคุณ ซึ่งคุณจะได้รับแท็ก <head>

หวังว่าเครื่องมือออนไลน์ง่ายๆ นี้(this simple online tool)จะเป็นประโยชน์สำหรับคุณ



ณิชา รัตนเดชากร

About the author

ฉันเป็นนักพัฒนาเว็บที่มีประสบการณ์มากกว่า 10 ปีในการทำงานกับเบราว์เซอร์ Firefox และ Google Docs ฉันเป็นผู้เชี่ยวชาญในการสร้างแอปพลิเคชันออนไลน์ที่เรียบง่ายแต่ทรงพลัง และได้พัฒนาโซลูชันบนเว็บสำหรับทั้งธุรกิจขนาดเล็กและองค์กรขนาดใหญ่ ฐานลูกค้าของฉันประกอบด้วยชื่อที่ใหญ่ที่สุดในธุรกิจ เช่น FedEx, Coca Cola และ Macy's ทักษะของฉันในฐานะนักพัฒนาทำให้ฉันเป็นผู้สมัครในอุดมคติสำหรับโครงการใดๆ ที่จำเป็นต้องทำให้เสร็จอย่างรวดเร็วและมีประสิทธิภาพ - ตั้งแต่การพัฒนาเว็บไซต์ที่กำหนดเองไปจนถึงการสร้างแคมเปญการตลาดทางอีเมลที่มีประสิทธิภาพ


Related posts