I always need to add meta tags to my pages for SEO purposes and it was getting tedious writing tools to complete this
every time. So I created a component which hooks the event system to catch the beforeLayout event to inject SEO
data into the view variables.
I found that by containing all the functionality for SEO inside a component it makes it easier to manage.
- CakePHP 3.6+
- PHP 7.2+
https://packagist.org/packages/davidyell/seo
composer require davidyell/seoFirstly you will need to load the plugin in your /config/bootstrap.php.
Plugin::load('Seo');Then you will need to attach it to the controller you want it to run on. I tend to attach it to my AppController.
// src/Controller/AppController.php initialize() method
$this->loadComponent('Seo.Seo' => [
'defaults' => [
'title' => 'Dave is epic',
'description' => 'This is an epic plugin for epic people',
'keywords' => 'epic,plugin'
]
];There are a number of configuration settings you will need to change to match your setup. You can find these in the
$settings class variable in the component. Primarily you will want to change the $settings['defaults'] to set the
default title, description and keywords for your website.
The idea is that your model will have some fields editable in the CMS for SEO. Once this data is set to the view, the component will catch the data and inject it into your layout for you automatically.
As such your layout will need some things to exist in order for the component to correctly add the data.
// For the page title
echo $this->fetch('title');
// For outputting the meta tags inside <head>
echo $this->fetch('meta');This is for you to do. How you store your SEO data is outside the scope of this plugin. However I would recommend
creating fields either in your Contents table or associated to it, with seo_title VARCHAR(255),
seo_description TEXT, and seo_keywords VARCHAR(255).
Got two viewVars set in your controller and you want to change it up depending on which is set?
// ProvidersController::beforeRender()
if (isset($this->viewVars['content'])) {
$this->components()->get('Seo')->setConfig('viewVar', 'article');
} elseif (isset($this->viewVars['provider'])) {
$this->components()->get('Seo')->setConfig('viewVar', 'provider');
}The viewVar access accepts a hash path, so you can use dot notation to access deeply nested data.
$this->Components->load('Seo.Seo', [
'viewVar' => 'catalog',
'fields' => [
'title' => 'assigned_content.content.seo_title'
]
]);Don't forget that you can set the config directly on an instance of the component.
// ExamplesController.php
$this->components()->get('Seo')->setConfig('fields.title', 'My new title');It is very helpful to be able to catch 404 errors and use them to manage your SEO redirecting. This allows for only urls which do not match your application to be redirecting, avoiding any overhead.
The plugin provides a basic middleware for this purpose which can be implemented into your /src/Application.php
$this->redirects = [
'/examples/first-example' => [
'target' => '/tutorials/first',
'code' => 301
]
];
$queue->add(new \Seo\Error\Middleware\ErrorHandlerMiddleware($this->redirects))