Web Analytics Made Easy - StatCounter
Главная Блог Динамические мета-теги SEO в сайте на Laravel

Динамические мета-теги SEO в сайте на Laravel

Динамические мета-теги SEO в сайте на Laravel

Введение

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

Источники

Dynamic SEO meta-tags in Laravel website

Раз в неделю мы отправляем дайджест с самыми популярными статьями. Подпишитесь на наши новости и мы сделаем для вас бесплатно аудит вашего сайта.