---
url: /docs/guide/usage/linter/rules/nextjs/no-title-in-document-head.md
---
### What it does
Prevent usage of `` with `Head` component from `next/document`.
### Why is this bad?
A `<title>` element should only be used for any `<head>` code that is common for all pages.
Title tags should be defined at the page-level using `next/head` instead.
### Examples
Examples of **incorrect** code for this rule:
```javascript
import { Head } from "next/document";
export function Home() {
return (
<div>
<Head>
<title>My page title
);
}
```
Examples of **correct** code for this rule:
```javascript
import Head from "next/head";
export function Home() {
return (
My page title
);
}
```
## How to use
## Version
This rule was added in v0.2.0.
## References