Website Name is not correct on the google.
Unanswered
Yacare Caiman posted this in #help-forum
Yacare CaimanOP
Hello,
I am setting up a Next.js 14 application with Nginx as the reverse proxy server. I want to make sure my website is properly displayed under the name AI Flavoured. Here are some details about my current setup:
Current Setup
1. Next.js Application:
I have the following Next.js component setup with metadata that should display my website's name as "AI Flavoured":
page.tsx
export const dynamic = "force-dynamic";
import { Footer } from "@/components/footer";
import { Header } from "@/components/header/header";
import Image from "next/image";
import CSS from "./flavours.module.css";
import Link from "next/link";
import { ChatGPTIconGlow, StableDiffusionIcon } from "@/components/logo";
import { getUserSession } from "@/actions/userSession";
const website = process.env.WEBSITE_URL || 'https://aiflavoured.com';
export const metadata = {
title: "AI Flavoured | AI Image Generation, AI Presentations, AI Audio Creation, and AI PDF Summarization AI Chat with doc",
metadataBase: new URL(
description: "for shorting the message.",
applicationName: "AI Flavoured",
authors: [
{
name: "Sourabh",
url: "https://www.linkedin.com/in/sourabh-sharma-8987451a2/",
},
],
name: 'AI Flavoured',
generator: "AI Flavoured",
keywords: [
"for shorting the message"
],
referrer: "origin",
creator: "Sourabh",
publisher: "AI Flavoured",
robots: {
index: true,
follow: true,
},
alternates: { canonical: "/" },
openGraph: {
title: "AI Flavoured | AI Image Generation, AI Presentations, AI Audio Creation, and AI PDF Summarization AI Chat with doc",
description: " (i have remvoed descrition to make this message short)",
url:
type: "website",
locale: "en_IN",
site_name: "AI Flavoured - Flavours",
}
};
------------------------------------------------------------------------------
I am setting up a Next.js 14 application with Nginx as the reverse proxy server. I want to make sure my website is properly displayed under the name AI Flavoured. Here are some details about my current setup:
Current Setup
1. Next.js Application:
I have the following Next.js component setup with metadata that should display my website's name as "AI Flavoured":
page.tsx
export const dynamic = "force-dynamic";
import { Footer } from "@/components/footer";
import { Header } from "@/components/header/header";
import Image from "next/image";
import CSS from "./flavours.module.css";
import Link from "next/link";
import { ChatGPTIconGlow, StableDiffusionIcon } from "@/components/logo";
import { getUserSession } from "@/actions/userSession";
const website = process.env.WEBSITE_URL || 'https://aiflavoured.com';
export const metadata = {
title: "AI Flavoured | AI Image Generation, AI Presentations, AI Audio Creation, and AI PDF Summarization AI Chat with doc",
metadataBase: new URL(
${website}/flavours),description: "for shorting the message.",
applicationName: "AI Flavoured",
authors: [
{
name: "Sourabh",
url: "https://www.linkedin.com/in/sourabh-sharma-8987451a2/",
},
],
name: 'AI Flavoured',
generator: "AI Flavoured",
keywords: [
"for shorting the message"
],
referrer: "origin",
creator: "Sourabh",
publisher: "AI Flavoured",
robots: {
index: true,
follow: true,
},
alternates: { canonical: "/" },
openGraph: {
title: "AI Flavoured | AI Image Generation, AI Presentations, AI Audio Creation, and AI PDF Summarization AI Chat with doc",
description: " (i have remvoed descrition to make this message short)",
url:
${website}/flavours,type: "website",
locale: "en_IN",
site_name: "AI Flavoured - Flavours",
}
};
------------------------------------------------------------------------------
1 Reply
Yacare CaimanOP
2. Nginx Configuration:
Here's my current Nginx configuration for the Next.js application:
server {
listen 80;
server_name aiflavoured.com www.aiflavoured.com;
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
# Redirect all HTTP requests to HTTPS
listen 80;
server_name aiflavoured.com www.aiflavoured.com;
return 301 https://$server_name$request_uri;
}
server {
listen 443 ssl;
server_name aiflavoured.com www.aiflavoured.com;
ssl_certificate /path/to/your/cert.pem;
ssl_certificate_key /path/to/your/key.pem;
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
Issues and Questions:
Website Name Not Displaying Correctly:
Although I set the website name as "AI Flavoured" in the Next.js metadata, it doesn't seem to be displaying correctly when I visit the site. Could this be an issue with my Nginx setup or Next.js configuration?
Best Practices:
Here's my current Nginx configuration for the Next.js application:
server {
listen 80;
server_name aiflavoured.com www.aiflavoured.com;
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
# Redirect all HTTP requests to HTTPS
listen 80;
server_name aiflavoured.com www.aiflavoured.com;
return 301 https://$server_name$request_uri;
}
server {
listen 443 ssl;
server_name aiflavoured.com www.aiflavoured.com;
ssl_certificate /path/to/your/cert.pem;
ssl_certificate_key /path/to/your/key.pem;
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
Issues and Questions:
Website Name Not Displaying Correctly:
Although I set the website name as "AI Flavoured" in the Next.js metadata, it doesn't seem to be displaying correctly when I visit the site. Could this be an issue with my Nginx setup or Next.js configuration?
Best Practices: