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 使用的寫法，我覺得蠻完整的，保存後續可以使用。