ویب سائٹ بنانے کا طریقہ: اردو میں مکمل گائیڈ

مختصر ویڈیو دیکھیں

یہ گائیڈ کس کے لیے ہے

یہ گائیڈ ان کے لیے ہے جو پہلی بار اپنی ویب سائٹ بنا رہے ہیں: طالب علم، فری لانسر، دکاندار، اکیڈمی والے یا کوئی بھی چھوٹا کاروبار۔ پروگرامنگ آنا ضروری نہیں۔ ہم وہی طریقہ بتا رہے ہیں جو آج کل بہت لوگ استعمال کرتے ہیں: کوڈ GitHub پر رکھا جاتا ہے، Vercel اسے انٹرنیٹ پر لائیو (deploy) کرتا ہے، اور ChatGPT، Grok یا Cursor جیسے AI ٹول کوڈ لکھ دیتے ہیں۔

سچ پہلے بتا دیں: پہلی ویب سائٹ میں کچھ نہ کچھ اٹکے گا، اور یہ بالکل عام بات ہے۔ پورا کام سات مرحلوں میں ہے اور ہر مرحلے کے آخر میں ایک چھوٹی ٹپ ہے۔ پہلی بار ایک ہی صفحے کی سادہ ویب سائٹ بنائیں۔ باقی صفحات بعد میں آرام سے جڑ جاتے ہیں۔

ایک ای میل ایڈریس، جس سے GitHub اور Vercel کے اکاؤنٹ بنیں گے۔
کمپیوٹر یا لیپ ٹاپ۔ موبائل سے بھی ہو جاتا ہے، مگر پہلی بار کمپیوٹر پر بہت آسان رہتا ہے۔
کوئی AI ٹول۔ مفت ChatGPT یا Grok کافی ہے۔
اپنا domain (جیسے yourname.pk) لینا ہو تو اس کی فیس۔ یہ ضروری نہیں؛ شروع میں مفت vercel.app والا لنک بھی چل جاتا ہے۔

مرحلہ 1: ویب سائٹ کا مقصد اور آئیڈیا طے کریں

کمپیوٹر کھولنے سے پہلے کاغذ یا موبائل کے نوٹس میں ایک جملہ لکھیں کہ ویب سائٹ کس لیے ہے۔ مثلاً: «میری ٹیوشن اکیڈمی کا تعارف، اور والدین WhatsApp پر رابطہ کر سکیں۔» یہ ایک جملہ صاف ہو گیا تو ڈیزائن، صفحات اور متن کے آدھے فیصلے خود ہو جاتے ہیں۔

مقصد: لوگ ویب سائٹ پر آ کر کیا کریں؟ رابطہ، خریداری، بکنگ یا صرف معلومات پڑھنا؟
کس کے لیے: آپ کے گاہک، طلبہ، والدین یا کمپنیاں کون ہیں، اور وہ اردو پڑھتے ہیں یا انگریزی؟
صفحات: شروع میں تین سے پانچ صفحے کافی ہیں، جیسے Home، About، Services اور Contact۔
نام: چھوٹا، یاد رہنے والا اور بولنے میں آسان۔ یہی نام بعد میں آپ کا domain بن سکتا ہے۔
متن اور تصاویر: ہر صفحے کا متن اور تصویریں پہلے تیار رکھیں۔ AI کوڈ لکھ دے گا، مگر آپ کے کام کی سچی معلومات صرف آپ دے سکتے ہیں۔

مرحلہ 2: ویب سائٹ بنانے کا طریقہ چنیں

آج کل ویب سائٹ کا کوڈ زیادہ تر AI کی مدد سے لکھا جاتا ہے۔ آپ کے پاس کون سا ٹول ہے، اس کے حساب سے دو راستے ہیں۔ دونوں میں آخر میں ویب سائٹ GitHub پر رہتی ہے اور Vercel پر لائیو ہوتی ہے۔

راستہ A (سب سے آسان اور تیز): اگر آپ کے پاس کوئی paid AI coding ٹول ہے، جیسے Cursor، Claude، ChatGPT Plus / Codex یا اس جیسا کوئی اور، تو اسے اپنے GitHub اکاؤنٹ سے جوڑ دیں اور GitHub کو Vercel سے۔ پھر AI خود کوڈ لکھ کر آپ کی repository میں محفوظ (commit) کرتا ہے، اور Vercel ہر نئی تبدیلی خود لائیو کر دیتا ہے۔ آپ کا کام بس بتانا ہے کہ کیا بنانا ہے، اور نتیجہ دیکھنا ہے۔

راستہ B (بالکل مفت): paid ٹول نہیں ہے تو مفت Grok یا ChatGPT سے کوڈ لکھوائیں۔ AI جو کوڈ دے، اسے کاپی کریں اور مرحلہ 3 کے مطابق GitHub میں خود فائل بنا کر paste کر دیں۔ اس میں چند منٹ زیادہ لگتے ہیں، مگر ایک سادہ ویب سائٹ کے لیے یہی کافی ہے۔ میں ہوتا تو پہلی ویب سائٹ راستہ B سے بناتا، تاکہ سمجھ آ جائے کہ فائلیں کہاں جاتی ہیں۔

مرحلہ 3: GitHub اکاؤنٹ اور repository بنائیں

GitHub ایک ویب سائٹ ہے جہاں کوڈ محفوظ رہتا ہے۔ Repository (مختصر میں repo) ایک فولڈر سمجھیں جس میں آپ کی ویب سائٹ کی ساری فائلیں اور ان کی ہر تبدیلی کا ریکارڈ رہتا ہے۔ ہر محفوظ کی گئی تبدیلی کو commit کہتے ہیں۔ GitHub کی اپنی ہدایات کے مطابق طریقہ یہ ہے:

github.com پر Sign up کریں، ای میل کی تصدیق کریں اور ایک username چنیں۔
کسی بھی صفحے کے اوپر دائیں کونے میں + کا نشان دبائیں، پھر New repository پر کلک کریں۔
Repository کا چھوٹا سا نام لکھیں، مثلاً my-website۔ چاہیں تو Description بھی لکھ دیں۔
Visibility چنیں: Public (سب دیکھ سکتے ہیں) یا Private (صرف آپ)۔
Add README کو On کریں اور Create repository دبائیں۔
فائلوں کی فہرست کے اوپر Add file مینو کھولیں اور Create new file چنیں۔ فائل کا نام index.html لکھیں اور AI کا دیا ہوا کوڈ paste کریں۔
Commit changes... دبائیں، ایک چھوٹا سا commit message لکھیں (مثلاً «پہلا صفحہ شامل کیا»)، پھر Commit changes پر کلک کریں۔
تصاویر یا پہلے سے بنی فائلیں ڈالنی ہوں تو Add file میں Upload files چنیں، فائلیں drag کر کے ڈالیں اور commit کریں۔

GitHub کے مطابق براؤزر سے اپلوڈ ہونے والی ہر فائل زیادہ سے زیادہ 25 MiB کی ہو سکتی ہے، اور ایک وقت میں 100 فائلیں اپلوڈ ہو سکتی ہیں (چیک کیا گیا 15 اکتوبر 2026)۔ موبائل کی بڑی تصویریں اپلوڈ سے پہلے چھوٹی کر لیں۔
بڑے پراجیکٹس میں GitHub نئی branch بنا کر pull request کا مشورہ دیتا ہے۔ آپ کی پہلی سادہ ویب سائٹ کے لیے سیدھا main branch پر commit کرنا ٹھیک ہے۔

مرحلہ 4: Vercel پر ویب سائٹ مفت میں شائع کریں

Vercel آپ کی repository سے ویب سائٹ بنا کر انٹرنیٹ پر لائیو کرتا ہے۔ Vercel کی ہدایات کے مطابق ہر deployment کو vercel.app والا ایک پتہ ملتا ہے، اور GitHub سے جڑنے کے بعد production branch (عموماً main) پر ہر نئی تبدیلی سے خود بخود نئی deployment بن جاتی ہے۔ یعنی ایک بار جوڑ دیا، پھر بار بار upload نہیں کرنا۔

vercel.com پر Sign Up کریں اور GitHub سے لاگ اِن والا آپشن چنیں، تاکہ دونوں اکاؤنٹ جُڑ جائیں۔
Dashboard پر New Project کا بٹن دبائیں۔ آپ کی GitHub repositories کی فہرست سامنے آ جائے گی۔ اگر آپ کی repository نظر نہ آئے تو Vercel کو GitHub پر اس repository تک رسائی کی اجازت دیں۔
اپنی repository کے سامنے Import دبائیں۔
اگلے صفحے پر project کا نام دیکھ لیں۔ سادہ HTML ویب سائٹ کے لیے Framework Preset اور باقی settings ویسے ہی رہنے دیں۔
Deploy دبائیں۔ تھوڑی دیر میں your-project.vercel.app جیسا لنک مل جائے گا۔ اسے موبائل اور کمپیوٹر دونوں پر کھول کر دیکھیں۔

اہم: Vercel کا مفت Hobby پلان اس کی شرائط کے مطابق صرف ذاتی اور غیر تجارتی (non-commercial) استعمال کے لیے ہے (چیک کیا گیا 15 اکتوبر 2026)۔ دکان، کلینک یا کسی بھی کاروبار کی ویب سائٹ کے لیے Pro پلان دیکھیں؛ Vercel کے مطابق اس میں ہر developer seat $20 ماہانہ ہے۔

مرحلہ 5: اپنا domain خریدیں اور Vercel سے جوڑیں

Domain آپ کی ویب سائٹ کا اپنا پتہ ہے، جیسے yourname.pk یا yourname.com۔ vercel.app والا لنک مفت ہے، مگر اپنا domain زیادہ قابلِ بھروسا لگتا ہے اور یاد رکھنا آسان ہوتا ہے۔ گاہک کو «yourname.pk» بتانا «yourname-abc123.vercel.app» سے بہت بہتر ہے۔

.pk domain: یہ PKNIC کے ذریعے ملتے ہیں (جیسے .pk اور .com.pk)۔ آپ PKNIC کی ویب سائٹ سے سیدھا یا اس کے مجاز resellers سے خرید سکتے ہیں۔ PKNIC کی ویب سائٹ کے مطابق یکم اگست 2026 سے پاکستان میں رہنے والوں کے لیے فیس Rs 2,100 سالانہ ہے (پہلے Rs 1,800 تھی)، اور ادائیگی دو سال کی اکٹھی ہوتی ہے، یعنی پہلی بار کم از کم Rs 4,200 (چیک کیا گیا 15 اکتوبر 2026)۔ reseller اپنی سروس کی فیس الگ لے سکتا ہے۔

.com domain: کسی بھی معروف registrar سے، یا Vercel سے بھی خریدا جا سکتا ہے۔ قیمت registrar کے حساب سے بدلتی ہے؛ خریدنے سے پہلے اگلے سال کی renewal قیمت ضرور دیکھیں، کیونکہ پہلے سال کی سستی قیمت اکثر دوسرے سال بڑھ جاتی ہے۔ Domain خریدنے کے بعد Vercel کی ہدایات کے مطابق یوں جوڑیں:

Vercel dashboard میں اپنا project کھولیں، Settings میں جائیں اور Domains چنیں۔
Add Domain دبائیں اور اپنا domain لکھیں، مثلاً yourname.pk۔ Vercel آپ سے www والا ورژن بھی شامل کرنے کا کہے گا؛ اسے بھی شامل کریں۔
Vercel آپ کو DNS records دکھائے گا: بنیادی domain (جیسے yourname.pk) کے لیے A record، اور www جیسے subdomain کے لیے CNAME record۔
جہاں سے domain خریدا ہے (registrar) وہاں کی DNS settings کھولیں اور بالکل وہی values ڈالیں جو Vercel کے Domains صفحے پر آپ کے project کے لیے دکھائی گئی ہیں۔
انتظار کریں۔ DNS کی تبدیلی پھیلنے میں وقت لگتا ہے۔ جب Vercel domain کو درست (verified) دکھا دے تو SSL، یعنی https والا تالا، خود بخود لگ جاتا ہے۔

Vercel کی ہدایات خبردار کرتی ہیں کہ nameservers بدلنے سے پہلے پرانے DNS records، خاص طور پر ای میل والے MX records، کاپی کر لیں۔ صرف A یا CNAME record بدلنے سے باقی records پر اثر نہیں پڑتا۔
کسی اور ویب سائٹ یا یوٹیوب ویڈیو سے DNS values کاپی نہ کریں۔ ہر project کی values اپنے Domains صفحے سے لیں۔

مرحلہ 6: بعد میں ویب سائٹ اپڈیٹ کریں

ویب سائٹ ایک بار بن گئی تو اپڈیٹ کرنا آسان ہے۔ Vercel آپ کی GitHub repository سے جڑا ہے، تو main branch پر ہر نیا commit خود بخود نئی deployment بنا دیتا ہے۔ دوبارہ کچھ upload نہیں کرنا پڑتا۔

GitHub پر خود: repository میں فائل کھولیں، اوپر دائیں طرف pencil (edit) کا نشان دبائیں، تبدیلی کریں، Preview دیکھیں اور Commit changes کریں۔
paid AI سے (راستہ A): اپنے AI ٹول کو بتائیں کیا بدلنا ہے، مثلاً «Services صفحے پر ایک نئی سروس شامل کرو اور commit کرو»۔
مفت AI سے (راستہ B): موجودہ فائل کا کوڈ ChatGPT یا Grok کو دیں، تبدیلی بتائیں، نیا کوڈ لے کر GitHub میں فائل edit کریں، paste کریں اور commit کریں۔

مرحلہ 7: اگلے قدم: ویب سائٹ کو Google تک پہنچائیں

ویب سائٹ لائیو ہو گئی، اس کا مطلب یہ نہیں کہ لوگ اسے کل سے Google پر ڈھونڈ لیں گے۔ نئی ویب سائٹ کو Google تک پہنچنے میں عموماً ہفتے لگتے ہیں۔ اس کے لیے Google کا مفت ٹول Google Search Console استعمال کریں۔

Google Search Console میں اپنی ویب سائٹ بطور property شامل کریں اور ملکیت کی تصدیق کریں۔ Domain property کے لیے آپ کے DNS میں ایک TXT record لگانا پڑتا ہے۔
Sitemap بنائیں: یہ ایک فائل (عموماً sitemap.xml) ہوتی ہے جس میں آپ کے سب صفحات کے پورے پتے ہوتے ہیں۔ Google کے مطابق پتے مکمل (absolute) ہونے چاہییں، جیسے https://yourname.pk/about۔ چھوٹی ویب سائٹ کے لیے AI سے بنوا کر repository میں رکھ دیں۔
Search Console کی Sitemaps رپورٹ میں sitemap کا پتہ جمع کرائیں۔ Google کے مطابق sitemap صرف ایک اشارہ ہے؛ اس سے indexing کی ضمانت نہیں ملتی۔
ہر صفحے کا صاف title اور چھوٹی سی description رکھیں، اور ایسا متن لکھیں جو واقعی لوگوں کے سوال کا جواب دے۔

SEO سیکھنے کے لیے نیچے «متعلقہ گائیڈز» میں BuildSkills کی SEO گائیڈز کے لنک ہیں: SEO کیا ہے، ویب سائٹ کو Google پر کیسے لائیں، اور مفت SEO کورس۔ یہ گائیڈز ابھی انگریزی میں ہیں۔

عام غلطیاں جن سے بچنا چاہیے

زیادہ تر مسئلے انہی چند غلطیوں سے آتے ہیں۔ شروع میں ہی ان سے بچ گئے تو وقت بھی بچے گا اور پیسہ بھی۔

مقصد طے کیے بغیر ڈیزائن شروع کر دینا۔
ہوم پیج فائل کا نام index.html کے بجائے Index.HTML یا home.html رکھ دینا۔
پاس ورڈ، API key یا ذاتی معلومات repository میں ڈال دینا، خاص طور پر Public repository میں۔
موبائل کی بڑی بڑی تصویریں سیدھی اپلوڈ کرنا، جس سے ویب سائٹ سست کھلتی ہے۔ تصاویر پہلے چھوٹی (compress) کر لیں۔
DNS میں کسی اور کی بتائی ہوئی values ڈالنا، یا اسی نام کے پرانے A/CNAME records نہ ہٹانا۔
AI کا کوڈ پڑھے بغیر لگا دینا، اور ویب سائٹ کو موبائل پر چیک نہ کرنا۔
Domain کی renewal کی تاریخ بھول جانا۔ میعاد ختم ہوئی تو ویب سائٹ بند ہو سکتی ہے؛ تاریخ موبائل کیلنڈر میں لکھ لیں۔
کاروباری ویب سائٹ کو Vercel کے مفت Hobby پلان پر چلانا، جبکہ یہ پلان غیر تجارتی استعمال کے لیے ہے۔

ذرائع اور مزید مطالعہ (انگریزی)

اکثر پوچھے جانے والے سوالات

کیا ویب سائٹ بالکل مفت بن سکتی ہے؟

ذاتی ویب سائٹ کے لیے جی ہاں۔ GitHub اکاؤنٹ، مفت AI (ChatGPT یا Grok) اور Vercel کے مفت Hobby پلان سے آپ vercel.app والے لنک پر ویب سائٹ بنا سکتے ہیں۔ اپنا domain لینا ہو تو اس کی فیس الگ ہے، اور کاروباری ویب سائٹ کے لیے Vercel کا Hobby پلان نہیں، Pro دیکھیں۔

کیا کوڈنگ آنا ضروری ہے؟

نہیں۔ کوڈ AI لکھ دیتا ہے۔ ہاں، چند بنیادی باتیں سمجھ لیں تو بہت آسانی ہوتی ہے: فائل کیا ہے، index.html کیوں ضروری ہے اور commit کیا ہوتا ہے۔ تھوڑی سی HTML اور CSS سیکھ لیں تو AI کا کوڈ خود چیک کر سکیں گے۔

.pk domain کہاں سے ملتا ہے اور کتنے کا ہے؟

.pk domains کی registry PKNIC ہے۔ آپ اس کی ویب سائٹ سے سیدھا یا مجاز resellers سے خرید سکتے ہیں۔ 15 اکتوبر 2026 کو PKNIC کی ویب سائٹ پر پاکستان میں رہنے والوں کے لیے فیس Rs 2,100 سالانہ درج تھی (یکم اگست 2026 سے)، اور ادائیگی دو سال کی ہوتی ہے۔ بیرونِ ملک رہنے والوں کے لیے $15.99 سالانہ ہے۔ reseller کی فیس الگ ہو سکتی ہے۔

راستہ A اور راستہ B میں سے کون سا بہتر ہے؟

راستہ A تیز ہے کیونکہ AI خود repository میں کوڈ لکھتا ہے اور Vercel خود لائیو کرتا ہے، مگر اس کے لیے paid ٹول چاہیے۔ راستہ B مفت ہے؛ اس میں AI کا کوڈ آپ خود GitHub میں paste کرتے ہیں۔ سادہ ویب سائٹ کے لیے راستہ B کافی ہے، اور سیکھنے کے لیے بہتر بھی۔

Domain جوڑنے کے بعد ویب سائٹ کیوں نہیں کھل رہی؟

DNS کی تبدیلی پھیلنے میں وقت لگتا ہے۔ کافی دیر بعد بھی مسئلہ رہے تو Vercel کے Domains صفحے پر دکھائی گئی values کو اپنے registrar کے records سے ملائیں، اور اسی نام کے پرانے A یا CNAME records ہٹا دیں۔

کیا موبائل سے ویب سائٹ بنائی جا سکتی ہے؟

GitHub اور Vercel موبائل براؤزر میں بھی کھل جاتے ہیں، تو چھوٹی تبدیلیاں موبائل سے ہو جاتی ہیں۔ مگر پہلی بار پورا سیٹ اپ کمپیوٹر پر کرنا کہیں آسان رہتا ہے۔

میری ویب سائٹ Google پر کب نظر آئے گی؟

اس کا کوئی پکا وقت نہیں۔ Google Search Console میں ویب سائٹ شامل کریں اور sitemap جمع کرائیں۔ Google کے مطابق sitemap ایک اشارہ ہے، ضمانت نہیں، اس لیے اچھا اور کام کا متن سب سے اہم ہے۔

آگے پڑھیں

اگلی گائیڈ: SEO کیا ہے؟ (انگریزی)