چگونه با استفاده از Next.JS، OpenAI، Postgres، بیش از 700 صفحه سئوی بهینه شده برای وب سایت در 1 ساعت ایجاد کنیم.
مقدمه کوچک، من از چند ماه قبل شروع به یادگیری کدنویسی کردم و از آن به بعد پروژه های جانبی مختلف را تجربه کردم.
بنابراین این کد نویسی که نشان می دهم هنوز به دنبال من است 🙂
این بار چه ساختم؟
من پروژه جانبی جدید Startup Funding startupfunding.to را ساختم – لیستی از وجوه و سرمایه گذاران برای کشورها، دورها و صنایع مختلف ایجاد کردم. می تواند به بنیانگذاران کمک کند تا لیست سرمایه گذاران را سریعتر به دست آورند.
قبل از شروع یادگیری نحوه کدنویسی، در حال کشف بازی سئو بودم و از ابزارهای بدون کد و سازندگان وب سایت برای ضرب کردن صفحات استفاده می کردم.
همانطور که یاد گرفتم چگونه وب سایت بسازم بسیار جالب به نظر می رسید، اگر بتوانم صفحات را با کدنویسی سریعتر ضرب کنم.
این پروژه برای آن مناسب بود زیرا صفحات چندگانه را می‌توان به سادگی بر اساس کشورهای مختلف و دوره‌های تأمین مالی مختلف تهیه کرد:
- startupfunding.to/india
- startupfunding.to/seed-uk
- startupfunding.to/pre-seed-sweden
- …
چگونه 1 صفحه را در 700 ضرب کردم؟
این دستورالعمل گام به گام من است:
1. کلمات کلیدی مناسب را در Semrush پیدا کنید
2. صفحه را با متغیرهای پایگاه داده بسازید
در اینجا 4 متغیر وجود دارد که تغییر می کنند:
حلزون حرکت کردن
کشور
سرتیتر
متا
متا بسیار مهم است که هر صفحه باید متای متفاوتی داشته باشد تا گوگل تفاوت را تشخیص دهد.
return (
<>
<Head>
<title>Investors for startups</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content={page.meta} />
<meta property="og:site_name" content="startupinvestors.vercel.app" />
<meta property="og:description" content="Startup funding" />
<meta name="StartupFunding:card" content="summary_large_image" />
<meta property="og:image" content="/cover.png" />
</Head>
<div className="flex flex-col min-h-screen justify-between bg-slate-900">
<main className="h-full bg-slate-900">
<nav className="bg-black text-white ">
<div className="px-5">
<div className="max-w-5xl mx-auto">
<div className="flex justify-between items-center h-16 ">
<div className="flex items-centertext-base ">
<a
target="_blank"
href="https://dev.to/"
rel="noreferrer"
className="text-white flex max-w-fit items-center justify-center space-x-2 text-xl"
>
<p>Startup investors</p>
</a>
</div>
</div>
</div>
</div>
</nav>
<section className="py-10 lg:py-20 bg-slate-900">
{/* bg-[url('/image1.svg')] */}
<div className="px-4">
<div className="max-w-5xl mx-auto">
<div className="w-full mx-auto">
<h1 className="text-6xl text-center font-bold pb-1 text-white ">
{page.header}
</h1>
<p className="mt-3 mb-10 text-center text-white">
Raise capital with help of AI generated list of investors{" "}
<br />
</p>
<div className="max-w-5xl mx-auto px-8 lg:px-28">
<div className="max-w-5xl mx-auto">
<div className="w-full my-1 mx-auto "></div>
<div className="w-full my-1 mx-auto">
<div className="flex space-x-4">
{" "}
{/* Add this wrapper div with flex and space-x classes */}
<div className="w-full ">
{" "}
{/* Add w-1/2 class to the parent div */}
<CountrySelect
country={country}
setCountry={setCountry}
slug={page.country}
/>
</div>
3. فایل CSV برای 700 صفحه با ChatGPT ایجاد کنید
مرحله بعدی پر کردن پایگاه داده است. من از chatgpt برای تولید محتوا استفاده کردم.
علاوه بر این، داده ها را به اکسل منتقل کردم تا فایل CSV خود را آماده کنم
این در واقع بیشتر زمان را می گرفت.
4. TablePlus را با پایگاه داده CSV و Postgres من وصل کنید
همانطور که من از Postgres در راه آهن استفاده می کنم، Table Plus را با داده های داخلی وارد شده برای 730 صفحه وصل کردم.
5. بررسی کنید که همه صفحات در کنسول جستجوی گوگل ایندکس شده باشند
اگر در حال ساختن وب سایت جدیدی هستید، ممکن است در ابتدا یک کار دستی برای فهرست کردن صفحات باشد. و همچنین محدودیتی برای درخواست نمایه سازی در روز وجود دارد. (من هنوز روی آن هستم)
اگر می دانید چگونه این کار را تسریع کنید، قدردان مشاوره باشید 🙂
نتیجه: 730 صفحه در 1 ساعت
شما می توانید این صفحات را با تغییر عملاً در هر کشور پیدا کنید.
این نمونه صفحات مختلف را بررسی کنید:
www.startupfunding.to/india
www.startupfunding.to/seed-india
www.startupfunding.to/pre-seed-india
درخواست دوست: کمکم کن به 1000 برسم ⭐️⭐️
من در چالش جدید افزایش Papermark.io در GitHub به 1000 ستاره در 1 ماه هستم.
papermark.io – جایگزین منبع باز برای Docsend
من به دوستم @mfts در بازاریابی و رشد کمک می کنم
https://github.com/mfts/papermark
این پروژه به دو دلیل به قلب من نزدیک است:
- من برنامه نویسی را فقط به دلیل در دسترس بودن پروژه های منبع باز شروع کردم، یا فکر می کنم هرگز آن را امتحان نخواهم کرد.
- من قبلاً در حال افزایش سرمایه بودم و همیشه به دنبال جایگزین جالبی برای Docsend برای ارسال Pitchdeck بودم.
