Better description

Author: linkdotnet

Readme.md

@@ -167,13 +167,13 @@ To get better results when for example shared via LinkedIn some of the `<meta pr
 
 The following tags are set depending on the page:
 
-| Open Graph Tag | Index                                                     | Display Blog Post                            |
-| -------------- | --------------------------------------------------------- | -------------------------------------------- |
-| og:title       | Title of the blog (defined in Introduction)               | Title of the Blog Post                       |
-| og:url         | Url to the index page                                     | Url of the page                              |
-| og:image       | Profile image (defined in Introduction)                   | Yes                                          |
-| og:type        | article                                                   | article                                      |
-| og:description | Short description in plain text (defined in Introduction) | Short Description of Blog Post in plain text |
+| Open Graph Tag | Index                                                     | Display Blog Post                                                           |
+| -------------- | --------------------------------------------------------- |-----------------------------------------------------------------------------|
+| og:title       | Title of the blog (defined in Introduction)               | Title of the Blog Post                                                      |
+| og:url         | Url to the index page                                     | Url of the page                                                             |
+| og:image       | Profile image (defined in Introduction)                   | Uses the preview image. If a fallback is defined this will be used instead. |
+| og:type        | article                                                   | article                                                                     |
+| og:description | Short description in plain text (defined in Introduction) | Short Description of Blog Post in plain text                                |
 
 Furthermore the following tags are set:
 
@@ -183,4 +183,4 @@ Furthermore the following tags are set:
 | &lt;meta name="keyword" content="" /&gt; | not set                              | Tags defined in the Blog Post |
 
 ## RSS Feed
-This blog also offers a RSS feed ([RSS 2.0 specification](https://validator.w3.org/feed/docs/rss2.html)), which can be consumed by your users or programs like feedly. Just append `feed.rss` to your url or click on the RSS feed icon in the navigation bar to get the feed. The RSS feed does not expose the whole content of a given blog post but it's title and short description including some other tags like preview image, publishing date and so on.
+This blog also offers a RSS feed ([RSS 2.0 specification](https://validator.w3.org/feed/docs/rss2.html)), which can be consumed by your users or programs like feedly. Just append `feed.rss` to your url or click on the RSS feed icon in the navigation bar to get the feed. The RSS feed does not expose the whole content of a given blog post but it's title and short description including some other tags like preview image, publishing date and so on.

src/LinkDotNet.Blog.Web/Features/Admin/BlogPostEditor/Components/CreateNewBlogPost.razor

@@ -30,11 +30,13 @@
             <div class="mb-3">
                 <label for="preview">Preview-Url</label>
                 <InputText class="form-control" id="preview" @bind-Value="model.PreviewImageUrl"/>
+                <small for="preview" class="form-text text-muted">The primary image which will be used.</small>
             </div>
             <div class="mb-3">
-                <label for="preview">Fallback preview-Url</label>
+                <label for="preview">Fallback Preview-Url</label>
                 <InputText class="form-control" id="fallback-preview" @bind-Value="model.PreviewImageUrlFallback"/>
-                <small for="allback-preview" class="form-text text-muted">Optional: Used as a fallback if the preview image can't be used by the browser.</small>
+                <small for="fallback-preview" class="form-text text-muted">Optional: Used as a fallback if the preview image can't be used by the browser.
+                    <br>For example using a jpg or png as fallback for avif which is not supported in Safari or Edge.</small>
             </div>
             <div class="form-check">
                 <InputCheckbox class="form-check-input" id="published" @bind-Value="model.IsPublished" />