Введение
Для получения большого количества органического трафика от поисковых систем, таких как 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 на каждой странице сведений о публикации. Мы также можем добавить метатеги на наши статические страницы, добавив на них раздел.