Browse Source

Improve performance and seo for blog module

pull/16467/head
Salih 3 years ago
parent
commit
71642f86d1
  1. 8
      modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml
  2. 10
      modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Index.cshtml

8
modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml

@ -66,7 +66,7 @@
@if (Model.Post.Writer != null) @if (Model.Post.Writer != null)
{ {
<a href="/Members/@Model.Post.Writer.UserName"> <a href="/Members/@Model.Post.Writer.UserName">
<img gravatar-email="@Model.Post.Writer.Email" default-image="Identicon" class="article-avatar"/> <img gravatar-email="@Model.Post.Writer.Email" default-image="Identicon" class="article-avatar" alt="User Avatar" />
</a> </a>
} }
</div> </div>
@ -107,7 +107,7 @@
</div> </div>
</div> </div>
<div class="img-container mb-3"> <div class="img-container mb-3">
<img src="@Model.Post.CoverImage" /> <img src="@Model.Post.CoverImage" alt="Cover Image" />
</div> </div>
</div> </div>
</section> </section>
@ -170,7 +170,7 @@
@foreach (var commentWithRepliesDto in Model.CommentsWithReplies) @foreach (var commentWithRepliesDto in Model.CommentsWithReplies)
{ {
<div class="media"> <div class="media">
<img gravatar-email="@commentWithRepliesDto.Comment.Writer.Email" default-image="Identicon" class="d-flex me-3 rounded-circle comment-avatar" /> <img gravatar-email="@commentWithRepliesDto.Comment.Writer.Email" default-image="Identicon" class="d-flex me-3 rounded-circle comment-avatar" alt="User Avatar" />
<div class="media-body"> <div class="media-body">
<h5 class="comment-owner"> <h5 class="comment-owner">
@(commentWithRepliesDto.Comment.Writer == null ? "" : commentWithRepliesDto.Comment.Writer.UserName) @(commentWithRepliesDto.Comment.Writer == null ? "" : commentWithRepliesDto.Comment.Writer.UserName)
@ -250,7 +250,7 @@
@foreach (var reply in commentWithRepliesDto.Replies) @foreach (var reply in commentWithRepliesDto.Replies)
{ {
<div class="media"> <div class="media">
<img gravatar-email="@reply.Writer.Email" default-image="Identicon" class="d-flex me-3 rounded-circle comment-avatar" /> <img gravatar-email="@reply.Writer.Email" default-image="Identicon" class="d-flex me-3 rounded-circle comment-avatar" alt="User Avatar" />
<div class="media-body"> <div class="media-body">
<h5 class="comment-owner"> <h5 class="comment-owner">
@(reply.Writer == null ? "" : reply.Writer.UserName) @(reply.Writer == null ? "" : reply.Writer.UserName)

10
modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Index.cshtml

@ -40,7 +40,7 @@
<div class="hero-articles"> <div class="hero-articles">
<div class="img-container"> <div class="img-container">
<a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName"> <a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName">
<img src="@post.CoverImage" class="hero-article-img"> <img src="@post.CoverImage" class="hero-article-img" alt="@post.Title cover image">
</a> </a>
</div> </div>
<div class="hero-content pt-3"> <div class="hero-content pt-3">
@ -61,7 +61,7 @@
<div class="row"> <div class="row">
<div class="col-auto pe-1"> <div class="col-auto pe-1">
<a href="/Members/@post.Writer.UserName"> <a href="/Members/@post.Writer.UserName">
<img gravatar-email="@post.Writer.Email" default-image="Identicon" class="article-avatar"/> <img gravatar-email="@post.Writer.Email" default-image="Identicon" class="article-avatar" alt="@post.Writer.UserName avatar" />
</a> </a>
</div> </div>
<div class="col ps-1"> <div class="col ps-1">
@ -110,7 +110,7 @@
<div class="col-4"> <div class="col-4">
<div class="img-container"> <div class="img-container">
<a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName"> <a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName">
<img src="@post.CoverImage" class="box-article-img"> <img src="@post.CoverImage" class="box-article-img" alt="@post.Title cover image">
</a> </a>
</div> </div>
</div> </div>
@ -170,7 +170,7 @@
<div class="col-md-4"> <div class="col-md-4">
<div class="img-container"> <div class="img-container">
<a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName"> <a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName">
<img src="@post.CoverImage" class="box-article-img"> <img src="@post.CoverImage" class="box-article-img" alt="@post.Title cover image">
</a> </a>
</div> </div>
</div> </div>
@ -191,7 +191,7 @@
<div class="row"> <div class="row">
<div class="col-auto pe-1"> <div class="col-auto pe-1">
<a href="/Members/@post.Writer.UserName"> <a href="/Members/@post.Writer.UserName">
<img gravatar-email="@post.Writer.Email" default-image="Identicon" class="article-avatar"/> <img gravatar-email="@post.Writer.Email" default-image="Identicon" class="article-avatar" alt="@post.Writer.UserName avatar" />
</a> </a>
</div> </div>
<div class="col ps-1"> <div class="col ps-1">

Loading…
Cancel
Save