問題タブ [share-open-graph]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Open Graph タグと Nuxt.js (prod?) に関する問題
https://nuxtjs.org/examples/seo-twitter-ogにある SEO ドキュメントの指示に従って、OpenGraph タグを Nuxt.js アプリに統合しました。
コンポーネントを使用して子コンポーネントからタグを設定していSocialHeadます。このコンポーネントの内容は次のとおりです。
私は Google Chrome の「Open Graph Preview」拡張機能をローカルで使用していますが、それらはすべて正しく動作し、プレビューしているように見えます。
ただし、これらの更新を本番環境にデプロイして再度確認すると、使用しているすべての Open Graph プレビュー ツールでタグが見つからないようです。
また、LinkedIn と Twitter のオープン グラフ プレビュー ツールを次の場所でテストしました。
ページのソースを表示し、 https://www.opengraph.xyz/のようなツールを使用しているときにタグが表示されるため、少し行き詰まっていますが、実際の LinkedIn および Twitter 検証ツールは使用していません。
私がテストしたページはhttps://m.academy/courses/build-12-factor-nodejs-app-docker/です
ios - iOS メッセージの Open Graph メタデータに HLS ストリームを含める方法
iOS のメッセージのリンク プレビューに関するApple のドキュメントでは、画像とビデオのプレビューが可能です。両方とも動作するようになりましたが、ドキュメントでは HTTP ライブ ストリームがサポートされていることも示唆されています。
ストリーミングはできるがダウンロードはできないビデオ (HTTP ライブ ストリームや QuickTime リファレンス ムービーなど) は引き続きインラインで再生されますが、再生を開始するにはユーザーがタップする必要があります。HTML またはプラグインの埋め込みが必要なビデオは、インラインで再生されません。
しかし、私はそれを機能させることができず、他の人を見つけることができませんでした. HLS ストリーム (マスターと特定の品質の M3U の両方) をog:video属性に含めようとしましたが、Messages はそれを読み取ろうとすることをあきらめたようです。私が扱っているHTMLは次のとおりです。
ライブ バージョンをテストしたい場合は、こちらでホストされています。任意の洞察をいただければ幸いです。ありがとう！