head 裡的SEO 寫法 – 持續更新

<meta name="twitter:site" content="@tailwindcss">
<meta name="twitter:creator" content="@tailwindcss">
<meta property="og:type" content="article" />

<!-- 標題 -->
<title>Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs</title>
<meta name="twitter:title" content="Tailwind CSS - A utility-first CSS framework for rapidly building custom designs">
<meta property="og:title" content="Tailwind CSS - A utility-first CSS framework for rapidly building custom designs" />
<!-- 網址 -->
<meta property="og:url" content="https://tailwindcss.com/" />
<!-- 圖片類 -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<meta name="twitter:image" content="https://tailwindcss.com/img/twitter-large-card.png">
<meta property="og:image" content="https://tailwindcss.com/img/twitter-large-card.png" />
<!-- 描述 -->
<meta name="twitter:description" content="網站描述">
<meta name="description" content="網站描述" />
<meta property="og:description" content="網站描述" />

以上是Tailwind css 使用的寫法,我覺得蠻完整的,保存後續可以使用。

夾尾巴

不知道甚麼端的工程師,低薪努力中

您可能也會喜歡…

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *