แปลกที่จะพูดน้อยที่สุด หลังจากที่คุณสร้างบทความแล้ว คุณจะต้องเขียนเมตาแท็กแยกกันสำหรับเนื้อหาแต่ละรายการ ไม่อยากทนกับงานประจำแบบนี้ ผมขอแนะนำให้คุณใช้วิธีของผม
ก่อนอื่น เพื่อให้ชัดเจนว่าทำไมคุณต้องติดตั้งโปรโตคอล Open Graph สำหรับ facebook ในส่วนหัวของ Joomla นี่คือลักษณะของวัสดุที่ไม่มีหมายเหตุพิเศษ และนี่คือลักษณะที่เขามองกับทุกคนบันทึกที่จำเป็น
อย่างที่คุณเห็นทุกอย่างเรียบง่าย สำหรับรูปภาพ ให้เรียงลำดับดังนี้: หากไม่มีรูปภาพสำหรับส่วนเกริ่นนำของเนื้อหา จะมีการถ่ายภาพของเนื้อหาทั้งหมด หากไม่มีก็จะถ่ายโลโก้ของเว็บไซต์ แน่นอน คุณต้องระบุโดยแทนที่ด้วยของคุณเองในบรรทัด "http://komarovdesign.com/images/logo_12x.png"
ถัดไป คุณต้องจดคำอธิบายเว็บไซต์ของคุณด้วยตนเองในบรรทัด “og:site_name” ระบุผู้เขียนบทความ "article:author" ในบรรทัด "fb:admins" คุณต้องป้อน ID ของโปรไฟล์ Facebook ของคุณ
หากคุณอ่านอย่างละเอียด คุณจะสังเกตเห็นว่าไม่มีแท็กหลัก “og:description” มันถูกเพิ่มเข้าไปในไฟล์อื่น
Open Graph มีประโยชน์สำหรับการใช้งานบน Facebook, VKontakte และเครือข่ายอื่น ๆ
หากคุณเพิ่มโพสต์ใหม่โดยใช้ปุ่มที่ติดตั้งด้วยตนเองบนเว็บไซต์ คุณสังเกตเห็นแล้วว่าภาพขนาดย่อพร้อมกับประกาศสามารถเผยแพร่ได้ รวมถึงเครื่องนับติ๊กแทนดีไซน์ที่สวยงามและคัดสรรมาเป็นพิเศษ หากคุณเพิ่มด้วยตนเอง คุณจะสามารถแก้ไขได้ทันทีและหลีกเลี่ยงกราฟิกที่ไม่เหมาะสม แต่คุณต้องการทำทุกอย่างโดยไม่ต้องคลิกที่ไม่จำเป็นเสมอ นอกจากนี้ ด้วยการโพสต์ข้ามอัตโนมัติ รูปภาพจะไม่สามารถเปลี่ยนแปลงได้
นอกจากนี้ยังมีเรื่องไร้สาระอื่นๆ ที่แสดงชื่อเรื่อง คำอธิบาย ฯลฯ ดังนั้นผู้พัฒนาโซเชียล เครือข่ายมีมาร์กอัปพิเศษ ]]> Open Graph ]]>
ควรสังเกตว่า Yandex เสนอโซลูชัน 5 ประการสำหรับการติดตั้งมาร์กอัปขนาดเล็ก
ตัวอย่างโค้ดอื่น ใส่โค้ดในวงเล็บ:
Html xmlns="https://www.w3.org/1999/xhtml" xml:lang="th-TH" lang="th-TH" prefix="og: https://ogp.me/ns# วิดีโอ : https://ogp.me/ns/video# ใช่: https://webmaster.yandex.ru/vocabularies/"
เมตา OpenGraph ของ Facebook- ดาวน์โหลด https://wordpress.org/plugins/facebook-opengraph-meta/
เครื่องมือสร้าง Opengraph และ Microdata- ดาวน์โหลด https://wordpress.org/plugins/opengraph-and-microdata-generator/
เปิดเมตาแท็กกราฟดาวน์โหลดสำหรับเวอร์ชัน 6 และ 7 จากลิงก์ https://drupal.org/project/opengraph_meta
โมดูล เมตาแท็กกำหนดค่าเมตาแท็กใน Drupal 7 และพารามิเตอร์บางตัวจากโปรโตคอล Open Graph ดาวน์โหลด https://drupal.org/project/metatag
เปิดกราฟง่าย ๆโพสต์รูปภาพขนาดเล็ก ประกาศสั้นๆ และลิงก์ไปยังส่วนความสนใจบน Facebook เลือกเวอร์ชัน Joomla และดาวน์โหลด https://extensions.joomla.org/extensions/social-web/facebook-integration/17883
ดู og: มาร์กอัปเมื่อเปลี่ยนรูปภาพ ชื่อเรื่อง ฯลฯ คุณสามารถใช้เครื่องมือ URL Linter ได้ที่ https://developers.facebook.com/tools/debug
เฟสบุ๊คเป็นหนึ่งในเครื่องมือหลักสำหรับการตอบรับจากผู้เยี่ยมชมเว็บไซต์ และแน่นอนว่าเป็นเครื่องมือในการโปรโมตแหล่งข้อมูลต่างๆ ปุ่ม "แบ่งปัน"และ "ชอบ"สำคัญสำหรับทรัพยากรของคุณ แต่ข้อมูลประเภทใดที่หุ่นยนต์ควรรับไม่ชัดเจน แต่ละไซต์มีโครงสร้างที่แตกต่างกันและหุ่นยนต์จะเป็นอย่างไร เฟสบุ๊คฉันไม่ได้แยกวิเคราะห์เนื้อหาแบบสุ่ม แต่มีโปรโตคอล เปิดกราฟ- คืออะไร และช่วยให้ชีวิตของหุ่นยนต์และเว็บมาสเตอร์ง่ายขึ้นได้อย่างไร
ฉันจะแสดงตัวอย่างที่ชัดเจนเพื่อให้ชัดเจนว่าทำไมคุณต้องใส่ เปิดกราฟสำหรับ เฟสบุ๊คในส่วนหัว จูมล่า- นี่คือลักษณะของวัสดุที่ไม่มีรายการพิเศษ:
และนี่คือสิ่งที่ดูเหมือนกับบันทึกคุณสมบัติเมตาที่จำเป็นทั้งหมด เนื่องจากมีบันทึกจำนวนมาก แท็กโปรโตคอลคุณสมบัติเมตาบางรายการจึงระบุไว้ เปิดกราฟซึ่งจะอยู่ในบทความนี้ไม่จำเป็นจริงๆสำหรับ เฟสบุ๊คแต่จำเป็นสำหรับโซเชียลเน็ตเวิร์กอื่นๆ
โครงสร้างมาร์กอัปเอาต์พุตของส่วนประกอบนั้นง่ายมาก:
/templates/html/component_name/view_name/markup_filename.php มาดูตัวอย่างกัน หากเราต้องการเขียนทับมาร์กอัปเริ่มต้นสำหรับผลลัพธ์ของบทความ เราต้องคัดลอกไฟล์นี้ก่อน: /components/com_content/views/article/tmpl/default.php ไปยังตำแหน่งนี้ สร้างไดเรกทอรีที่เหมาะสมในกรณีที่ยังไม่มีอยู่ : /templates/template_name/html/com_content/article/default.php ในไฟล์ default.php หลังจากบล็อกนี้: /** * @package Joomla.Site * @subpackage com_content * * @copyright Copyright (C) 2005 - 2015 Open Source เรื่องอิงค์ สงวนลิขสิทธิ์.
* @license GNU General Public License เวอร์ชัน 2 หรือใหม่กว่า; ดู LICENSE.txt */ Defined("_JEXEC") หรือ die; JHtml::addIncludePath(JPATH_COMPONENT . "/helpers"); // สร้างทางลัดไปยังพารามิเตอร์บางตัว $params = $this->item->params; $images = json_decode($this->item->images); $urls = json_decode($this->item->urls); $canEdit = $params->get("เข้าถึง-แก้ไข"); $user = JFactory::getUser(); $info = $params->get("info_block_position", 0); JHtml::_("พฤติกรรมคำบรรยาย");
เพิ่มรหัสต่อไปนี้:
//OpenGraph start $datepubl = $this->item->created; if (isset($images -> image_intro) และ !empty($images -> image_intro)) ( $timage = htmlspecialchars(JURI:: root().$images -> image_intro); ) elseif (isset($images -> image_fulltext) และ !empty($images -> image_fulltext)) ( $timage = htmlspecialchars(JURI:: root().$images -> image_fulltext); ) else ( $timage = "default_logo.jpg"; ) $document =& JFactory::getDocument(); if($this->item->metadesc == "") ($mmd = strip_tags($this->item->introtext);) else ($mmd = $this->item->metadesc;) $document - > addCustomTag(" Escape($this -> item -> title)""/> "); //จบ OpenGraph อย่างที่คุณเห็นทุกอย่างเรียบง่าย แสดงภาพโดยตามหลักการดังต่อไปนี้
- หากไม่มีรูปภาพสำหรับส่วนเกริ่นนำของเนื้อหา จะแสดงรูปภาพของเนื้อหาที่สมบูรณ์ หากไม่มี ระบบจะถ่ายภาพเริ่มต้น จะต้องระบุโดยแทนที่ด้วยบรรทัดของคุณเอง
$timage = "default_logo.jpg";
แท็กหลัก "og:description" ถูกสร้างขึ้นดังนี้: หากไม่มีแท็กคำอธิบายเมตาที่สมบูรณ์สำหรับบทความ ระบบจะนำข้อความเกริ่นนำของเนื้อหาไปใช้
หลังจากการดำเนินการทั้งหมดนี้ เราสามารถตรวจสอบได้ว่าเราทำทุกอย่างถูกต้องหรือไม่ เครื่องมือนี้จะช่วยเราในเรื่องนี้โซลูชันโปรโตคอลแบบเปิดกราฟ
ในขณะนี้ เวอร์ชันส่วนขยายช่วยให้คุณทำงานกับ Joomla 2.5 และ 3.6x ได้
การทำงานกับเนื้อหาของไซต์ต่างๆ เป็นสิ่งสำคัญสำหรับเจ้าของทุกคน ไม่สนใจ ในขณะนี้จะไม่อนุญาตให้คุณเพิ่มคะแนนของคุณ เครื่องมือค้นหาวี สภาพแวดล้อมที่แตกต่างกันซึ่งอาจส่งผลเสียต่อการเข้าชมไซต์ รวมถึงด้านการเงินของปัญหา หากท่านต้องการทราบเกี่ยวกับ ปัญหาที่มีอยู่ไซต์ของคุณ คุณสามารถตรวจสอบไซต์เพื่อหาข้อผิดพลาดเพื่อตรวจจับและกำจัดข้อผิดพลาดได้ทันท่วงที
เนื่องจากปริมาณข้อมูลบนไซต์โซเชียลและไซต์ที่ใช้ web2.0 เริ่มเพิ่มขึ้น เทคโนโลยี Open Graph Protocol ได้เข้ามาแทนที่หนึ่งในตำแหน่งสำคัญในการจัดการ Open Graph Protocol (OGP) ช่วยให้นักพัฒนาหรือเจ้าของเว็บไซต์สามารถรวมไซต์/เพจ/โพสต์ของตนเข้ากับการเข้าชมโซเชียลได้ การใช้ OGP ทำให้สามารถถ่ายโอนข้อมูลจำนวนมากได้ เช่น ชื่อ คำอธิบาย รูปภาพ แท็กตำแหน่งทางภูมิศาสตร์ ผู้แต่ง ฯลฯ OGP ได้กลายเป็นส่วนสำคัญในการทำให้เพจของคุณเป็นมิตรกับโซเชียลมีเดียมากขึ้น
เมื่อติดตั้ง Open Graph Protocol Solution แล้ว จะเพิ่มไอคอน OGP ที่ด้านล่างของโปรแกรมแก้ไขบทความในแบ็กเอนด์ Joomla ซึ่งคุณสามารถป้อนแท็ก OGP ได้ องค์ประกอบนี้ยังช่วยให้สามารถแสดงรายการบทความทั้งหมดได้ การจัดการที่ดีขึ้นแท็กบทความ OGP
น่าเสียดายที่มีข้อมูลน้อยมากเกี่ยวกับปัญหานี้บนอินเทอร์เน็ต โดยเฉพาะใน RuNet ทั้งหมดที่ Google สามารถเสนอให้เราแก้ปัญหาการแทรกโปรโตคอลกราฟเปิดลงใน Joomla? นี่คือปลั๊กอินบางตัวที่ให้คุณแทรกเมตาและแท็กส่วนหัวของคุณเองได้ หนึ่งในสิ่งที่ได้รับความนิยมคือ ITP Meta หลักการทำงานของเวอร์ชันฟรีนั้นแปลก หากพูดง่ายๆ ก็คือ หลังจากที่คุณสร้างบทความแล้ว คุณจะต้องเขียนเมตาแท็กแยกกันสำหรับเนื้อหาแต่ละรายการ ไม่อยากทนกับงานประจำแบบนี้ ผมขอแนะนำให้คุณใช้วิธีของผม
แปลกที่จะพูดน้อยที่สุด หลังจากที่คุณสร้างบทความแล้ว คุณจะต้องเขียนเมตาแท็กแยกกันสำหรับเนื้อหาแต่ละรายการ ไม่อยากทนกับงานประจำแบบนี้ ผมขอแนะนำให้คุณใช้วิธีของผม
และนี่คือสิ่งที่ดูเหมือนกับรายการที่จำเป็นทั้งหมด โดยสิ่งสำคัญฉันหมายถึงพื้นฐาน เนื่องจากมีบันทึกจำนวนมาก แท็กเนื้อบางรายการของโปรโตคอล Open Graph ที่จะอยู่ในบทความนี้จึงไม่จำเป็นสำหรับ Facebook จริงๆ แต่จำเป็นสำหรับ Pinterest เช่น
อย่างที่คุณเห็นทุกอย่างเรียบง่าย สำหรับรูปภาพ ให้เรียงลำดับดังนี้: หากไม่มีรูปภาพสำหรับส่วนเกริ่นนำของเนื้อหา จะมีการถ่ายภาพของเนื้อหาทั้งหมด หากไม่มีก็จะถ่ายโลโก้ของเว็บไซต์ แน่นอน คุณต้องระบุโดยแทนที่ด้วยของคุณเองในบรรทัด "http://komarovdesign.com/images/logo_12x.png"
ถัดไป คุณต้องจดคำอธิบายเว็บไซต์ของคุณด้วยตนเองในบรรทัด “og:site_name” ระบุผู้เขียนบทความ "article:author" ในบรรทัด "fb:admins" คุณต้องป้อน ID ของโปรไฟล์ Facebook ของคุณ
หากคุณอ่านอย่างละเอียด คุณจะสังเกตเห็นว่าไม่มีแท็กหลัก “og:description” มันถูกเพิ่มเข้าไปในไฟล์อื่น
rf-gk.ru - พอร์ทัลสำหรับคุณแม่