charlestehio/echoscoop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update (seo)

Browse Source 
Add (lqip)
This commit is contained in:
Charles Teh
2023-09-25 02:41:40 +08:00
parent ef9c5a1407
commit 3aa6367e83
20 changed files with 163 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
app/Http/Controllers/Front/FrontPostController.php
View File

@@ -4,6 +4,9 @@
use App\Http\Controllers\Controller;
use App\Models\Post;
use Artesaos\SEOTools\Facades\JsonLdMulti;
use Artesaos\SEOTools\Facades\OpenGraph;
use Artesaos\SEOTools\Facades\SEOMeta;
use GrahamCampbell\Markdown\Facades\Markdown;
use Illuminate\Http\Request;
use Symfony\Component\DomCrawler\Crawler;
@@ -25,6 +28,46 @@ public function index(Request $request, $slug)
$content = $this->injectTableOfContents($content);
$content = $this->injectFeaturedImage($post, $content);
$post_description = $post->excerpt.' '.$post->title.' by EchoScoop.';
SEOMeta::setTitle($post->title, false);
SEOMeta::setDescription($post_description);
SEOMeta::addMeta('article:published_time', $post->published_at->format('Y-m-d'), 'property');
SEOMeta::addMeta('article:section', $post->category->name, 'property');
SEOMeta::setRobots('INDEX, FOLLOW, MAX-IMAGE-PREVIEW:LARGE, MAX-SNIPPET:-1, MAX-VIDEO-PREVIEW:-1');
OpenGraph::setDescription($post_description);
OpenGraph::setTitle($post->title);
OpenGraph::setUrl(url()->current());
OpenGraph::addProperty('type', 'article');
OpenGraph::addProperty('locale', 'en_US');
OpenGraph::addImage($post->featured_image_cdn);
$jsonld_multi = JsonLdMulti::newJsonLd();
$jsonld_multi->setTitle($post->title)
->setDescription($post_description)
->setType('Article')
->addValue('headline', $post->title)
->addImage($post->featured_image_cdn)
->addValue('author', [
'type' => 'Person',
'name' => $post->author->name,
'url' => config('app.url'),
])
->addValue('publisher', [
'type' => 'Organization',
'name' => 'EchoScoop',
'logo' => [
'type' => 'ImageObject',
'url' => asset('echoscoop-logo-512x512.png'),
],
])
->addValue('datePublished', $post->published_at->format('Y-m-d'))
->addValue('dateCreated', $post->created_at->format('Y-m-d'))
->addValue('dateModified', $post->updated_at->format('Y-m-d'))
->addValue('description', $post_description)
->addValue('articleBody', trim(preg_replace('/\s\s+/', ' ', strip_tags($content))));
return view('front.single_post', compact('post', 'content'));
}
@@ -32,22 +75,23 @@ private function injectBootstrapClasses($content)
{
$crawler = new Crawler($content);
// Handle Headings
$crawler->filter('h1')->each(function (Crawler $node) {
$node->getNode(0)->setAttribute('class', trim($node->attr('class').' display-6 fw-bolder mt-3 mb-4'));
});
$crawler->filter('h2')->each(function (Crawler $node) {
$node->getNode(0)->setAttribute('class', trim($node->attr('class').'h4 mb-3'));
$node->getNode(0)->setAttribute('class', trim($node->attr('class').' h4 mb-3'));
});
$crawler->filter('h3')->each(function (Crawler $node) {
$node->getNode(0)->setAttribute('class', trim($node->attr('class').'h6 mb-2'));
$node->getNode(0)->setAttribute('class', trim($node->attr('class').' h6 mb-3'));
});
// Handle Paragraphs
$crawler->filter('p')->each(function (Crawler $pNode) {
$precedingHeaders = $pNode->previousAll()->filter('h2');
// If there are no preceding <h2> tags, just process the <p>
if (! $precedingHeaders->count()) {
$existingClasses = $pNode->attr('class');
$newClasses = trim($existingClasses.' mt-2 mb-4');
@@ -70,12 +114,18 @@ private function injectBootstrapClasses($content)
}
});
// Handle Lists
$crawler->filter('ul')->each(function (Crawler $node) {
$node->getNode(0)->setAttribute('class', trim($node->attr('class').'py-2'));
$node->getNode(0)->setAttribute('class', trim($node->attr('class').' py-2'));
});
$crawler->filter('ol')->each(function (Crawler $node) {
$node->getNode(0)->setAttribute('class', trim($node->attr('class').'py-2'));
$node->getNode(0)->setAttribute('class', trim($node->attr('class').' py-2'));
});
// Handle Tables
$crawler->filter('table')->each(function (Crawler $node) {
$node->getNode(0)->setAttribute('class', trim($node->attr('class').' table table-bordered mb-4'));
});
// Convert the modified DOM back to string
@@ -117,16 +167,16 @@ private function injectTableOfContents($html)
private function injectFeaturedImage($post, $content)
{
if (! is_empty($post->featured_image)) {
if (! empty($post->featured_image)) {
$featured_image_alt = strtolower($post->short_title);
$featured_image_alt_caps = strtoupper($post->short_title);
$featured_image = "<div class=\"w-100 d-flex justify-content-center\"><figure class=\"text-center\"><img decoding=\"async\" class=\"img-fluid rounded mb-2 shadow\" src=\"{$post->featured_image_cdn}\" alt=\"{$featured_image_alt}\"><figcaption class=\"text-secondary small\">{$featured_image_alt_caps}</figcaption></figure></div>";
// Update the HTML structure
$featured_image = "<div class=\"w-100 d-flex justify-content-center\"><figure class=\"text-center\"><img decoding=\"async\" class=\"img-fluid rounded mb-2 shadow lqip-blur\" src=\"{$post->featured_image_lqip_cdn}\" data-src=\"{$post->featured_image_cdn}\" alt=\"{$featured_image_alt}\"><figcaption class=\"text-secondary small\">{$featured_image_alt_caps}</figcaption></figure></div>";
$content = preg_replace('/(<\/h1>)/', '$1'.$featured_image, $content, 1);
}
return $content;
}
}