我正在向一个项目添加 meta标记,我已经阅读了OpenGraph文档,但是每次我看到og:image时,接下来总是一个URL。有没有可能用相对路径传递一个文件?
og:image
文件结构:
public index.html images staticimage.png
我可以只链接到图像路径吗?
<meta property="og:image" content="./images/staticimage.png" />
到目前为止,它似乎没有起作用。
jfgube3f1#
相对URL将不起作用,og:image属性只能处理完整URL。og:image属性具有一些可选的结构化属性:
og:image:url
og:image:secure_url
og:image:type
og:image:width
og:image:height
og:image:alt
完整映像示例:
<meta property="og:image" content="https://example.com/ogp.jpg" /> <meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="400" /> <meta property="og:image:height" content="300" /> <meta property="og:image:alt" content="A shiny red apple with a bite taken out" />
**来源:**https:ogp.me/#structured
1条答案
按热度按时间jfgube3f1#
相对URL将不起作用,
og:image
属性只能处理完整URL。og:image
属性具有一些可选的结构化属性:og:image:url
-与og:图像相同。og:image:secure_url
-网页需要HTTPS时使用的备用URL。og:image:type
-此图像的MIME类型。og:image:width
-像素宽度的数量。og:image:height
-高像素数。og:image:alt
-图片内容的描述(不是标题)。如果页面指定了og:image,则应该指定og:image:alt
。完整映像示例:
**来源:**https:ogp.me/#structured