Update Introduction section again

zzzmisa · May 10, 2024 · 4f0f228 · 4f0f228
1 parent b719b40
commit 4f0f228
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 25 deletions.
diff --git a/README.ja.md b/README.ja.md
@@ -1,29 +1,33 @@
 # Eye Catch Maker (Featured-Image-Maker)
 
-「Eye Catch Maker（アイキャッチメーカー）」は、アイキャッチ画像を簡単に作成できるジェネレーターです。  
-アイコンと背景グラデーションを組み合わせて、シンプルなアイキャッチ画像が作れます。  
-ワードプレスのようなブログ用のアイキャッチ画像の他、各種ヘッダー画像、プロフィールバナー、ロゴ、ハイライトカバーなどにどうぞ。  
+「Eye Catch Maker（アイキャッチメーカー）」は、アイキャッチ画像・OGP 画像（og:image）を作成できるジェネレーターです。  
+アイコンと背景グラデーションを組み合わせて、簡単にスマートな画像が作れます。
+WordPress のようなブログ用のアイキャッチ画像・ブログカードにぴったりです。Instagram のハイライトカバーにもどうぞ。  
 テクノロジー系のアイコンが充実しているので技術ブログにもおすすめです！
 
- [デモはこちら👀](http://featured-image-maker.zzzmisa.com)
+[デモはこちら 👀](http://featured-image-maker.zzzmisa.com)
 
 ![movie](./img/movie.gif)
 
 ## 対応アイコン
+
 - [Font Awesome Free v5.6.3](https://fontawesome.com/icons)
 - [Font Awesome Free v4.7.0](https://fontawesome.com/v4.7.0/icons/)
 - [Devicons v1.8.0](http://vorillaz.github.io/devicons/#/dafont)
 
-ピッカーによるアイコン選択はFont Awesome Free v5.6.3にのみ対応しています。
+ピッカーによるアイコン選択は Font Awesome Free v5.6.3 にのみ対応しています。
 
 ## ライセンス
+
 - 作成したアイキャッチ画像：各アイコンのライセンスに従ってお使いください。
-    - [Font Awesome Free License (CC BY 4.0 License)](https://fontawesome.com/license/free)
-    - [Devicons License (MIT)](https://github.com/vorillaz/devicons)
+  - [Font Awesome Free License (CC BY 4.0 License)](https://fontawesome.com/license/free)
+  - [Devicons License (MIT)](https://github.com/vorillaz/devicons)
 - ソースコード：[MIT](https://github.com/zzzmisa/featured-image-maker/blob/master/LICENSE)
 
 ## 動作環境
+
 ツールはすべてブラウザ上で動きます。  
 以下のブラウザの最新バージョンで動作確認しています。
-- パソコン：Google Chrome、Safari（いずれもOSX環境にて確認）
+
+- パソコン：Google Chrome、Safari（いずれも OSX 環境にて確認）
 - スマートフォン：iOS Safari
diff --git a/README.md b/README.md
@@ -1,26 +1,31 @@
 # Featured Image Maker
 
-Featured image maker is a generator of simple featured images. You can make simple featured images by combining an icon and background gradation. This tool is great for making featured images for blogs like WordPress, various header images, profile banners, logos, highlight covers, and so on. And it is the best for technology blogs because it supports many technology icons!
+Featured image maker is a generator of simple featured images and Open Graph images (og:image). You can easily create smart images by combining an icon and background gradation. This tool is great for making featured images or blog cards for blogs like WordPress.
+Can also be used for highlight covers for Instagram. And it is the best for technology blogs because it supports many technology icons!
 
 [Check out the demo👀](http://featured-image-maker.zzzmisa.com/en/)
 
 ![movie](./img/movie-en.gif)
 
 ## Supported icons
+
 - [Font Awesome Free v5.6.3](https://fontawesome.com/icons)
 - [Font Awesome Free v4.7.0](https://fontawesome.com/v4.7.0/icons/)
 - [Devicons v1.8.0](http://vorillaz.github.io/devicons/#/dafont)
 
 Icon Picker is supported only for Font Awesome Free v5.6.3.
 
 ## Licence
+
 - Featured images made by this tool：Please refer to each icon's licenses.
-    - [Font Awesome Free License (CC BY 4.0 License)](https://fontawesome.com/license/free)
-    - [Devicons License (MIT)](https://github.com/vorillaz/devicons)
+  - [Font Awesome Free License (CC BY 4.0 License)](https://fontawesome.com/license/free)
+  - [Devicons License (MIT)](https://github.com/vorillaz/devicons)
 - Source code：[MIT](https://github.com/zzzmisa/eye-catch-maker/blob/master/LICENSE)
 
 ## System requirements
+
 All you need is a browser for this tool to work.  
 It is checked to work on the following browser's latest versions.
+
 - PC: Google Chrome, Safari (Checked on Mac OS X)
 - Mobile: iOS Safari
diff --git a/en/index.html b/en/index.html
@@ -45,19 +45,19 @@
   <link rel="icon" href="../favicon.ico">
   <link rel="alternate" hreflang="ja" href="https://featured-image-maker.zzzmisa.com">
   <link rel="alternate" hreflang="en" href="https://featured-image-maker.zzzmisa.com/en/">
-  <meta name="description" content="Generator of simple featured images">
+  <meta name="description" content="Free generator of simple featured images and Open Graph images">
   <meta property="og:title" content="Featured Image Maker">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://featured-image-maker.zzzmisa.com/en/">
   <meta property="og:image" content="https://featured-image-maker.zzzmisa.com/img/logo.png">
   <meta property="og:site_name" content="Featured Image Maker">
-  <meta property="og:description" content="Generator of simple featured images">
+  <meta property="og:description" content="Free generator of simple featured images and Open Graph images">
   <meta property="og:locale" content="ja_JP">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:site" content="Featured Image Maker">
   <meta name="twitter:url" content="https://featured-image-maker.zzzmisa.com/en/">
   <meta name="twitter:title" content="Featured Image Maker">
-  <meta name="twitter:description" content="Generator of simple featured images">
+  <meta name="twitter:description" content="Free generator of simple featured images and Open Graph images">
   <meta name="twitter:image" content="https://featured-image-maker.zzzmisa.com/img/logo.png">
 </head>
 
@@ -69,7 +69,7 @@
   <section class="section hero is-bold has-text-centered">
     <h1 class="title is-1 is-spaced" style="font-family: 'Oswald', sans-serif;"><a class="has-text-dark"
         href="https://featured-image-maker.zzzmisa.com">Featured Image Maker</a></h1>
-    <h2 class="subtitle">Generator of simple featured images</h2>
+    <h2 class="subtitle">Free generator of simple featured images and Open Graph images</h2>
   </section>
   <section class="section has-background-light" id="app">
     <div class="columns">
@@ -277,10 +277,10 @@ <h2 class="subtitle">Generator of simple featured images</h2>
     <div class="content">
       <h3>Introduction</h3>
       <p>
-        Featured image maker is a generator of simple featured images.
-        You can make simple featured images by combining an icon and background gradation.
+        Featured image maker is a generator of featured images and Open Graph images (og:image).
+        You can easily create smart images by combining an icon and background gradation.
         This tool is great for making featured images or blog cards for blogs like WordPress.
-        Can also be used for Open Graph images(og:image) and highlight covers for Instagram.
+        Can also be used for highlight covers for Instagram.
         The generated images can be downloaded for free.
       </p>
       <h3>Supported icons</h3>

diff --git a/index.html b/index.html
@@ -45,19 +45,19 @@
   <link rel="icon" href="favicon.ico">
   <link rel="alternate" hreflang="ja" href="https://featured-image-maker.zzzmisa.com">
   <link rel="alternate" hreflang="en" href="https://featured-image-maker.zzzmisa.com/en/">
-  <meta name="description" content="アイキャッチ画像が簡単に作れるジェネレーターです。">
+  <meta name="description" content="アイキャッチ画像・OGP画像が簡単に作れる無料のジェネレーター">
   <meta property="og:title" content="Eye Catch Maker（アイキャッチメーカー）">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://featured-image-maker.zzzmisa.com/">
   <meta property="og:image" content="https://featured-image-maker.zzzmisa.com/img/logo.png">
   <meta property="og:site_name" content="Eye Catch Maker（アイキャッチメーカー）">
-  <meta property="og:description" content="アイキャッチ画像が簡単に作れるジェネレーターです。">
+  <meta property="og:description" content="アイキャッチ画像・OGP画像が簡単に作れる無料のジェネレーター">
   <meta property="og:locale" content="ja_JP">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:site" content="Eye Catch Maker（アイキャッチメーカー）">
   <meta name="twitter:url" content="https://featured-image-maker.zzzmisa.com/">
   <meta name="twitter:title" content="Eye Catch Maker（アイキャッチメーカー）">
-  <meta name="twitter:description" content="アイキャッチ画像が簡単に作れるジェネレーターです。">
+  <meta name="twitter:description" content="アイキャッチ画像・OGP画像が簡単に作れる無料のジェネレーター">
   <meta name="twitter:image" content="https://featured-image-maker.zzzmisa.com/img/logo.png">
 </head>
 
@@ -69,7 +69,7 @@
   <section class="section hero is-bold has-text-centered">
     <h1 class="title is-1 is-spaced" style="font-family: 'Oswald', sans-serif;"><a class="has-text-dark"
         href="https://featured-image-maker.zzzmisa.com">Eye Catch Maker</a></h1>
-    <h2 class="subtitle">アイキャッチ画像が簡単に作れるジェネレーターです。</h2>
+    <h2 class="subtitle">アイキャッチ画像・OGP画像が簡単に作れる無料のジェネレーター</h2>
   </section>
   <section class="section has-background-light" id="app">
     <div class="columns">
@@ -278,9 +278,9 @@ <h2 class="subtitle">アイキャッチ画像が簡単に作れるジェネレ
     <div class="content">
       <h3>ツール紹介</h3>
       <p>
-        「Eye Catch Maker（アイキャッチメーカー）」は、アイキャッチ画像を簡単に作成できるジェネレーターです。<br>
-        アイコンと背景グラデーションを組み合わせて、シンプルなアイキャッチ画像が作れます。<br>
-        WordPressのようなブログ用のアイキャッチ画像・ブログカードにぴったりです。OGP画像（og:image）やInstagramのハイライトカバーにもどうぞ。<br>
+        「Eye Catch Maker（アイキャッチメーカー）」は、アイキャッチ画像・OGP画像（og:image）を簡単に作成できるジェネレーターです。<br>
+        アイコンと背景グラデーションを組み合わせて、簡単にスマートな画像が作れます。<br>
+        WordPressのようなブログ用のアイキャッチ画像・ブログカードにぴったりです。Instagramのハイライトカバーにもどうぞ。<br>
         作成した画像は無料でダウンロードできます。<br>
       </p>
       <h3>対応アイコン</h3>