
Введение
Для получения большого количества органического трафика от поисковых систем, таких как Google, Bing, Yahoo и т. д. На веб-сайте есть много способов, но добавление метатегов на веб-страницы является наиболее важным из них. Мета-теги SEO определяют сводку содержимого вашей веб-страницы и информацию о вашем содержимом, которая помогает поисковой системе отображаться на странице результатов поиска (SERP).
В Laravel мы можем создавать эти метатеги динамически. Вы можете создавать теги с помощью сторонних пакетов или с нуля. В этом посте я покажу вам пошаговый процесс создания метатегов SEO на вашем веб-сайте Laravel с нуля без использования каких-либо пакетов. Когда мы будем использовать метатеги на наших веб-страницах, выдача будет выглядеть так, как показано ниже.
Шаги по созданию динамических мета-тегов SEO
- Добавьте доходность в шаблон сайта.
- Добавьте ключевое слово и поле описания.
- Сделайте панель для добавления и обновления мета-тегов.
- Создавать метатеги на страницах.
Шаг 1: Добавьте @yield
в шаблон сайта
Во-первых, добавьте несколько полей доходности в шаблон вашего сайта. Предположим, что шаблон вашего сайта - это template.blade.php
в каталоге resources / views / frontend
. Добавим поля доходности.
<head>
<title>@yield('title','A default title')</title>
<meta name="keywords" content="@yield('meta_keywords','some default keywords')">
<meta name="description" content="@yield('meta_description','default description')">
<link rel="canonical" href="{{url()->current()}}"/>
</head>
Не забудьте изменить значение по умолчанию в соответствии с вашими требованиями.
Шаг 2. Добавьте ключевое слово и поле описания
Теперь добавьте два новых поля в таблицу `posts/articles
, где вы сохраните сообщение.
meta_keywords
Meta_description
Шаг 3: Создайте панель для добавления и обновления метатегов
Сделайте разметку для добавления / обновления метатегов в форму создания и обновления публикации.
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Meta Tags</h3>
</div>
<div class="panel-body">
<div class="form-group">
<label>Keywords</label>
<input name="meta_keywords" class="form-control">
</div>
<div class="form-group">
<label>Description</label>
<input name="meta_description" class="form-control">
</div>
</div>
</div>
Теперь сделайте код для сохранения и обновления в вашем контроллере.
public function store(Request $request){
// your previous code
$post->meta_keywords = $request->get('meta_keywords');
$post->meta_description = $request->get('meta_description');
$post->save();
}
public function update(Request $request){
// your previous code
$post->meta_keywords = $request->get('meta_keywords');
$post->meta_description = $request->get('meta_description');
$post->update();
}
Шаг 4: Создайте метатеги на страницах
Откройте шаблон лезвия сведений о публикации и добавьте приведенный ниже код. Например, имя нашего файла шаблона лезвия с подробностями публикации - single.blade.php
.
@extends('frontend.template')
@section('title', $post->title)
@section('meta_keywords', $post->meta_keywords)
@section('meta_description', $post->meta_description)
@section('content')
<!--your post content -->
@endsection
Готово. Теперь мы можем динамически добавлять наши мета-ключевые слова и мета-описание для каждого сообщения, и оно будет автоматически генерировать для нас метатеги SEO на каждой странице сведений о публикации. Мы также можем добавить метатеги на наши статические страницы, добавив на них раздел.