urlで貼り付けた時にFacebookやTwitterはこのあたりのタグを見ておしゃれに貼り付けてくれる

<header> <!-- header内のタグの抜粋-->
<link rel="icon" href="/images/logo.png"> <!-- ブラウザで開いた時のアイコン-->
<meta name="description" content="世の中には..." /> <!-- 記事の説明(記事の最初のxx文字) -->
<meta name="keywords" content="ブログ,初めての○○シリーズ," /> <!-- キーワードリスト -->
<meta name="twitter:card" content="summary_large_image" /> <!-- Twitterに貼り付けた時の見た目-->
<meta name="twitter:site" content="@heisakusaku" /> <!-- Twitterアカウント -->
<meta property="og:url" content="https://enjoyall.comichi.com/blog_setup/" /> <!-- FB向け記事のURL --> 
<meta property="og:site" content="enjoyall" />  <!-- FB向けサイト名 -->
<meta property="og:title" content="初めてのレンタルサーバーでのブログ・ホームページ開設 ｜ enjoyall" /> <!-- FB向け記事タイトル-->
<meta property="og:description" content="世の中には.." /> <!-- FB向け記事の説明 -->
<meta property="og:image" content="https://enjoyall.comichi.com/images/mori.jpeg" > <!-- FB向け記事写真-->
<meta property="twitter:image" content="https://enjoyall.comichi.com/images/mori.jpeg" ><!-- Twitter向け記事写真 -->
</header>