طراحی سایت و هاست دارکوب

طراحی سایت و ساخت سایت بهینه سازی شده برای موتور جستجو (سئو) بر پایه کد نویسی html دایوی ( divbase ) ( tableless ) و کد نویسی استاندارد html, css و آدرس دهی صفحه ( sef ) به زبان برنامه نویسی php بر پایه دیتابیس های mysql, sql server

طراحی سایت و هاست دارکوب

طراحی سایت و ساخت سایت بهینه سازی شده برای موتور جستجو (سئو) بر پایه کد نویسی html دایوی ( divbase ) ( tableless ) و کد نویسی استاندارد html, css و آدرس دهی صفحه ( sef ) به زبان برنامه نویسی php بر پایه دیتابیس های mysql, sql server

طراحی سایت و ساخت سایت بهینه سازی شده برای موتور جستجو (سئو) بر پایه کد نویسی html دایوی ( divbase ) ( tableless ) و کد نویسی استاندارد html, css و آدرس دهی صفحه ( sef ) به زبان برنامه نویسی php بر پایه دیتابیس های mysql, sql server و ms access. طراحی وب سایت دارکوب در تمامی پروژه های خود استاندارهای طراحی سایت نظیر w3c را رعایت می نماید. برنامه نویسی php این شرکت بر پایه مدل mvc می باشد که در اکثر پروژه های خود از جوملا، وردپرس و دروپال به عنوان پایه استفاده می نماید. طراحی وب دارکوب در کد نویسی های client side خود در موارد ساده تر از javascript و در موارد پیچیده تر از کتابخانه های jquery و mootools استفاده می نماید. این شرکت در وب سایت های طراحی شده خود اقدام به ایجاد فلش با توجه به جنبه بصری آن می نماید ولی در اجرای قسمت های مختلف سایت به صورت فلش با توجه به معایب آن اصراری ندارد. گروه طراحی دارکوب هاست را به صورت رایگان برای سال اول برای کلیه پکیج های طراحی سایت خود ارائه می نماید که این هاستینگ ها از قویترین سرورهای موجود ارائه می شوند.
http://sitedesign.joomir.com

۶ مطلب با کلمه‌ی کلیدی «طراحی صفحات وب» ثبت شده است

  • ۰
  • ۰

در اینجا چند نمونه از ریچ اسنیپت ها و اونچه نمایش می دن، ذکر شده:

 Authorship: .1نام نویسنده، تصویر و لینک به مقالاتی که توسط اون ها نوشته شده رو نمایش می ده.

 

2. Local Business: نمایش آدرس و شماره تلفن کسب و کار شما.

 

3. Events: زمان، عنوان و مکان رویداد شما رو در نتایج جستجو نمایش می ده. استفاده از نشانه گذاری ساختار داده ها با ایونت ها فقط برای رویدادهای آتی در نظر گرفته می شه نه رویدادهای گذشته. لازم به ذکر است که خلاصه ی امکانات برای خلاصه ای از رویداد نام اداری است و برای خلاصه ی وقایع نیست. امکانات دیگه ای مثل تاریخ شروع و پایان، مدت زمان، جزئیات بلیط و موقعیت جغرافیایی است.

 

4. Video search: یک پیش نمایش کوتاه از ویدیو شما رو در نتایج جستجو نشون می ده. این موضوع در مورد محتوای ویدئوی اضافه شده در وب سایت شما اعمال می شه و می تونه برای نشون دادن مدت زمان، مجوز، شرکت تولیدی و یا برای ایجاد ویدئو استفاده بشه.

 

5. :Reviews هم نظرات شخصی و هم کلی و جمع آوری شده با امکانات متفاوت پشتیبانی میشه.

 

6. People: شما ممکن است متوجه شده باشید که گوگل و بینگ در حال حاضر اطلاعات بیشتری از لینکدین رو هنگام جستجو برای شما نشون می دن. چنین نتایج مشابهی برای هر وب سایتی که حاوی مشخصات کارکنان، اعضای تیم و سایر افراد مرتبط با سازمان است، امکان پذیر می باشد. امکانات پشتیبانی شده شامل نام، عنوان، نقش، وابستگی حرفه ای و جزئیات تماس است.

 

7. Businesses & Organizations: امکاناتی مثل نام تجاری، آدرس) مکانی و (URL، شماره تلفن، موقعیت جغرافیایی (طول و عرض جغرافیایی) و لوگو را در دسترس قرار میده.

 

8. Recipes: نشانه گذاری داده های ساختاری برای طرز تهیه ها امکانات زیادی رو پشتیبانی می کنه، اجازه می ده اپراتورهای وب سایت مربوط به آشپزی و مجموعه دستور غذاهای هرچیزی رو مثل نوع ظرف، نظرات راجع به اون و زمان آماده سازی و پخت و پز و همینطور اطلاعات تغذیه ای مانند کالری، چربی و موارد این چنینی رو ارائه بدن. 

 

9. Music: بینگ هیچ اشاره ای به پشتیبانی از موسیقی نمی کنه، اما گوگل برای نشان دادن اطلاعات ساختاری مرتبط به آهنگ ها و آلبوم های موسیقی برنامه ریزی می کنه. این روش می تونه شامل لینک های پیش نمایش از آهنگ ها و لینک مستقیم به خرید تک آهنگ ها و یا آلبوم کامل باشه.

 

با اضافه کردن rich snippets به وب سایتتون، شما به موتورهای جستجو کمک می کنید تا نتایج مربوط به سایتتون رو برجسته کنن تا بیشتر توی دید بازدیدکنندگان باشه. هنگام مشاهده نتایج جستجو، بازدید کننده فورا می تونه سایت شما رو بین انبوهی از نتایج ببینه.

اضافه کردن کد snippet  richبه وب سایت شما باعث افزایش ترافیک و کاهش نرخ پرش میشه چرا که  بازدیدکنندگان علت اومدن به سایتتون رو میدونن و با آگاهی نسبی از محتوای اون وارد سایت میشن. این یک راه عالی برای متفاوت بودن در نتایج جستجو و افزایش ترافیک به وب سایت شما است.

 

چگونه rich snippetها را به محتوای خود اضافه کنید؟

نشانه گذاری داده های ساختاری لازم نیست به هر کدوم از محتوا اضافه بشه، هرچند که داشتن علائم در محتواهای بیشتر به موتورهای جستجو کمک می کنن تا بهترین نتیجه رو ارائه بدن. همچنین لازم به ذکر است که شما فقط باید محتوای قابل مشاهده رو علامت گذاری کنید؛ موارد موجود در صفحات پنهان نیازی به نشانی گذاری نداره. 

 

نشانه گذاری ساختار داده از سه عنصر اصلی تشکیل میشه:

• :itemscope که مشخص می کنه که HTML موجود در بلوک  <div>در مورد یک آیتم خاص است،

• :itemtype که به طور دقیق نوع آیتم رو نشون می ده، 

 

•itemprop: که امکانات خاصی مانند نام، آدرس URL، نظرات و غیره رو نمایش میده.

 

خصوصیات موجود براساس نوع محتوا متفاوت است و تعداد زیادی از این امکانات می تونه برای هرکسی که از نشانه گذاری ساختار داده استفاده میکنه، تهدید آمیز باشه. خوشبختانه، برای هر کسی که با یک سایت مبتنی بر وردپرس کار می کنه، پلاگین های متعددی در دسترس هستن تا کارها کمی ساده تر بشن. همچنین می تونید پلاگین هایی برای سیستم های بزرگ تجارت الکترونیک پیدا کنید، اما اگه شما از یک سیستم CMS سفارشی یا سیستم تجارت الکترونیک استفاده کنید، باید توسعه دهنده وب خود رو در راه اندازی یک روش آسان برای شروع استفاده از نشانه گذاری ساختار داده مورد نیاز قرار بدید.

 برای اطلاع بیشتر نقش ستاره ها در نتایج جستجو های گوگل را ببینید.

  • علی بالوی پور
  • ۰
  • ۰

انواع متا تگ ها

چهار نوع اصلی متا تگ وجود دارد، که در اینجا درمورد آنها صحبت می کنیم:


متا تگ های کلیدواژه: مجموعه ای از کلمات کلیدی که به نظر می رسند مربوط به صفحه مورد نظر باشند.

تگ عنوان: متنی است که در بالای صفحه خود خواهید دید، موتور های جستجو این متن را به عنوان  " عنوان"  صفحه شما مشاهده می کنند.

صفات توصیفی متا: شرح مختصری از صفحه.

صفات تگ های ربات: یک علامت برای خزنده های موتورهای جستجو ( ربات ها)،  به آنچه که آنها باید در صفحه انجام دهند.

مشخصات تگ های کلیدواژه

کلمات کلیدی متا ، یک مثال از متا تگ ها هستند که امروزه زیاد استفاده نمی شوند.  سال ها پیش، تگ های کلمات کلیدی متا بسیار مفید بودند ، اما امروزه خیر.


به یاد بیاورید دوران کودکی خود را، زمانی که در مهد کودک بودید و معلم شما با چهره عبوس به شما اخم می کرد و می گفت: " دیگر نمیتوانی از آن مداد رنگی ها استفاده کنی وگرنه آن را ازت می گیرم"  شما شکه می شدید و فقط نگاه می کردید. ولی آیا معلم شما واقعا همچین کاری می کرد؟ این دقیقا همان کاری است که امروزه گوگل با کلمات کلیدی متا انجام می دهد.


سال ها پیش بازاریابان بیشتر علاقه مند بودند برای بازدید بیشتر سایتشان از تگ های کلمات کلیدی غیرمرتبط در کدهای خود به منظور بالا بردن ترافیک وب سایتشان استفاده می کردند، این روش به عنوان "روش کلمه کلیدی" شناخته شده بود. امروزه گوگل از متا کلمات کلیدی در الگوریتم های  خود استفاده نمی کند، زیرا به راحتی می توان از آن سو استفاده کرد.


برچسب عنوان

برچسب عنوان مهترین برچسب متا تگ های مورد بحث هستند. این برچسب تاثیر واقعی بر روی رتبه بندی جستجو دارد و شاید مهمترین تگی باشد که برای کاربران معمولی قابل مشاهده می باشد. شما می توانید آنها را در بالای مرورگر خود ببینید.


این تگ به خصوص زمانی مفید است که شما بخواهید یک عنوان به صفحه خود بدهید برای اینکه کاربران آن را ببینند و نیز برای موتور های جستجو برای اهداف سئو ساده و واضح است.

چقدر تگ ها برای سئو مهم می باشند

برای پاسخ دادن به آن لینک زیر رابررسی می کنیم.

  • علی بالوی پور
  • ۱
  • ۰

یکی از انواع سایت های خبری، طراحی سایت برای شخصیتها ست. امروزه افراد نامی و مشهور اصولاً از طریق شبکه های اجتماعی مثل  Instagram، Facebook ،  Telegramو Twitter با مخاطبان و دوستدارانشون ارتباط برقرار می کنن اما یکسری از همین افراد در کنار حضور داشتن در این شبکه های اجتماعی به طراحی سایت شخصی هم احساس نیاز می کنن. البته که طراحی سایت شخصی ویژگی هایی رو در اختیار افراد قرار میده که شاید در هیچ کدوم از شبکه های اجتماعی وجود نداشته باشه مثل انتشار طبقه بندی شده آثار، سخنرانی ها، مقالات و … به شکل دسته بندی و طبقه بندی شده فقط از طریق یک وب سایت قابل دسترسیه.

طراحی این نوع سایت ها برای افرادی مثل پزشکان، وکلا، مهندسان، هنرمندان و یا کلیه افرادی که در حوزه کاریشون تخصص ویژه ای دارن اصولاً انجام میشه. از امکانات موجود در این نوع طراحی میشه به امکان معرفی شخص و تخصص ، معرفی آثار و مقالات علمی و هنری ، دستاورد ها ، فعالیت های اجتماعی ، مشاوره های عمومی و موردی ، گالری تصاویر و … اشاره کرد. علاوه بر موارد بالا امکانات بیشتری را می توان با توجه به زمینه فعالیت فرد برای افزایش پویایی وب سایت در نظر گرفت که برای هر گونه مشاوره می توانید با شماره تلفن های شرکت دارکوب تماس حاصل کنید.

 

 

 

نکاتی که باید در طراحی سایت برای شخصیت ها در نظر گرفت

 

 

1- طراحی قالب خبری

طراحی سایت خبری جزو ساده ترین ها در مقوله طراحی وب سایت است ، این نوع قالب ها به نسبت دیگر وب سایت ها شلوغ تر هستن و مطالب بیشتری رو در خودشون جا میدن. سایت های خبری معمولا به صورت سه ستون و یا چهار ستون طراحی می شوند تا بیشترین مطالب را در آن واحد به کاربر ارائه کنند.

 

2- طراحی سایت به صورت واکنش گرا یا Responsive

این نوع از طراحی برای سازگار سازی وب سایت با موبایل یا تبلت استفاده میشه ، این موضوع هم به رتبه سایت شما در موتور های جستجو از جمله گوگل کمک می کنه هم به اینکه کاربران موبایلی خودتون رو از دست ندید. در کل بهتره که هر نوع وب سایتی دارید به صورت ریسپانسیو طراحی بشه.

 

3- صفحه آغازین

برای اینکه کاربر متوجه بشه که به چه سایتی وارد شده باید در صفحه اول وب سایت ، یک توضیح و معرفی نامه برای شخصیت مورد نظر نوشته شده باشه. برای شخصیت های خیلی معروف مثل رییس جمهور یا یک هنرمند توضیح کوتاه و مختصر کافیه اما برای یک شخصیت نوپا بیوگرافی بیشتری لازمه.

 

4- بخش اخبار

در این بخش باید اخباری از فعالیت های شخصی یا در رابطه با حیطه کاری شخصیت مورد نظر نوشته بشه.

 

5- بخش وبلاگ

این بخش برای نمایش آثار، تالیفات، سخنرانی ها و … استفاده میشه. اگر شخصیت مورد نظر یک سیاستمدار باشه، بیانیه های سیاسی اش و اگر شاعر یا نویسنده باشه، مجموعه اشعار یا داستان های کوتاه و کتابهاشون می تونه در این بخش گنجونده بشه.

 

6- بخش تصاویر

در بخش تصاویر یا گالری می تونیم بخشی از آثار مربوطه یا عکس هایی که تخصص و زمینه کاری شخص را نشون میده به صورت اسلاید یا هر شکل دیگه ای قرار بدیم.

 

7- بخش ویدئو

این بخش هم مثل بخش تصاویر امکان قرار دادن ویدئو ها از جمله ویدئو های سخنرانی ها یا تیزرها و موزیک ویدئو های مربوطه رو می تونیم قرار بدیم.

 

8- بخش صوتی

می تونیم موزیک در این قسمت داشته باشیم یا فایل های صوتی مرتبط با حیطه کاری مثل سخنرانی ها و …

سورس:طراحی سایت دارکوب darkoob.co.ir

طراحی سایت برای شخصیت ها

  • علی بالوی پور
  • ۰
  • ۰
طراحی سایت و سئو
طراحی وب سایت بهینه سازی شده برای موتورهای جستجو

خواندن اطلاعات بیشتر
درباره ما

تیم این مجموعه از اعضای شرکت دارکوب می باشند که از آن مجموعه جدا شده اند و شرکتی جدید با سبکی نو را آغاز نموده اند. 
برای کسب اطلاعات بیشتر به سایت های زیر مراجعه نمایید.


دپارتمان طراحی سایت دارکوب سایت اصلی برند دارکوب

طراحی سایت

روش طراحی وب سایت در این مجموعه فقط با قالب اختصاصی می باشد که توسط این تیم از پایه طراحی می گردد. پس از طراحی قالب سایت توسط گرافیست وب سایت با استفاده از سیستم های مدیریت محتوای جوملا، وردپرس، دروپال و سایر سیستم ها طراحی می گردد. کارن از قالب آماده استفاده نمی نماید و کلیه قالب های سایت های خود را از پایه طراحی می نماید.

سئو و بهینه سازی وب سایت

کارن با توجه به تجربه ای که در شرکت دارکوب به دست آورده است کلیه امور سئو و بهینه سازی سایت را با توجه به تجربیات گذشته خود بدون نقص انجام خواهد داد
سورس:طراحی سایت کارن karensitedesign.com
  • علی بالوی پور
  • ۰
  • ۰

خلاصه ای کوتاه از تاریخچه طراحی سایت واکنشگرا
طی چند سال اخیر، تعداد کاربرهای دستگاه های تلفن همراه و تعداد خود گوشی ها خیلی بیشتر شده. در نتیجه ارائه یه تجربه کاربری بی نظیر و باکیفیت برای کامپیوترهای رومیزی، تبلت و موبایل مهمتر از همیشه شده. طراحی سایت واکنشگرا یا RWD بی شک یکی از بهترین روشهای حل این مشکل چند دستگاهی بودنه.
طبق تعریف ویکی پدیا، طراحی سایت واکنشگرا یا RWD (حروف اختصاری برای Responsive Web Design) روشیه که طراح سایت برای فراهم کردن شرایط تجربه مشاهده مناسب سایت (یعنی وقتی که بتونیم سایت رو بدون نیاز به تغییر اندازه و زوم کردن براحتی بخونیم و اسکرول کنیم) در دستگاههای مختلف (از مانیتورهای کامپیوترهای رومیزی تا موبایل و تبلت) بکار میگیره. اگه میخواهید بدونید چرا این مدل طراحی انقدر اهمیت پیدا کرده، بد نیست یه نگاهی به تاریخچه پشتش بندازیم.

  • طراحی با عرض ثابت

تا همین چند سال پیش، سایتها منحصرا برای مطابقت با صفحه نمایشهای کامپیوترهای رومیزی طراحی شده بودند، چون اکثریت کاربرهای اینترنت روی کامپیوترهاشون وبگردی میکردن. اغلب ماینتورها 800 در 1024 پیکسل بودند و برای همین سایتها هم طوری طراحی میشدند که منطبق با این اندازه ها باشند. اما کم کم اندازه های دیگه ای هم به بازار اومدند و طراح های سایت میخواستند سایتهاشون دقیقا همونطوری که روی کامپیوتر دیده میشه روی اینها هم نمایش داده بشه.
برای حل مشکل پهنای ثابت گذشته، از سایتهای واکنشگرا استفاده شد. شاید تعجب کنید اگه بگم هنوز هم استفاده از سایتهای با عرض ثابت متداوله. اواخر سال 1388 عبارتهایی مثل طراحی سیال و قالب مایع بوجود اومدن که یه جورایی نسخه های اولیه طراحی های واکنشگرا بودند.

  • انقلاب موبایل

اواسط دهه هشتاد شمسی، گوشیهای موبایل توانایی دسترسی به اینترنت پیدا کردند اما فقط میتونستند داده های متنی ساده نمایش بدند، تا دهه نود که دیگه گوشی های هوشمند محبوبیت گرفتند و مرورگرهای موبایلی شروع به نمایش "واقعی" سایتهایی کردند که از جاوااسکریپت و CSS2 استفاده میکردند.
برای اولین بار دستگاه های موبایل میتونستن سایتها رو دقیقا همونطوری نمایش بدن که کامیپوترها نمایش میدادند. اما هنوز هم یه مشکلی بود: برای کاربرها خیلی قابل جهتیابی نبودند. کاربرهای موبایل باید کلی زوم میکردند و روی صفحه نمایش کلیک میکردند و از اون طرف هم سرعت بارگذاری پایین صفحات رو تحمل میکردند. به خصوص وقتی گوشی هوشمند روی سرعت 3G میخواست باز بشه.

  • پدرخوانده ی سایتهای واکنشگرا: اتان مارکوت

طراح ها و کدنویس های سایت شاید اسم اتان مارکوت رو شنیده باشند. این مرد عبارت "طراحی سایت واکنشگرا" رو روی یه صفحه روی یک فهرست جدا نوشت و روی کاغذش توضیح داد که تنها راه پیشرفت اینه که با یک طراحی سایت روون و انعطافپذیر به این تغییرات واکنش بدیم.
طراحی سایت واکنشگرا ترکیبی از سه مفهومه: پهنای انعطاف پذیر، تصاویر انعطاف پذیر و تحقیق رسانه. این سه مفهوم به خودی خود جدید و انقلابی بودند. اما وقتی مارکوت راهی برای ترکیب و استفاده از این عناصر در کنار هم پیدا کرد، طراحی سایت واکنشگرا متولد شد.

سورس:طراحی سایت دارکوب sitedesign.joomir.com

تاریخچه طراحی سایت ریسپانسیو (واکنشگرا)

  • علی بالوی پور
  • ۰
  • ۰

حتما شنیدید که گوگل اخیرا تغییر نسبتا بزرگی به الگوریتمش داده تا بتونه نتایج جستجو رو برای گوشی های موبایل هم ارائه بده. در همین رابطه ما چند تا تماس داشتیم که میخواستن این تغییرات رو براشون توضیح بدیم، برای همین دیدم بد نیست یه مقاله در این مورد بنویسیم.
گوگل میخواد تجربه کاربریشو بهبود ببخشه تا کسایی که از طریق گوشیهاشون سرچ میکنن هم تجربه خوبی داشته باشن. احتمالا برای شما هم پیش اومده که با گوشیتون چیزی رو سرچ کرده باشید و هر لینکی رو که باز میکنید، میبینید غیر قابل خوندنه.
گوگل اینجور سایتها رو جریمه میکنه یا به عبارت دیگه اینجور سایتها باید خودشونو برای استفاده موبایل بهینه کنن.
پس شفاف بگم، رتبه سایت شما تحت این شرایطی که در زیر براتون تشریح میکنم، کاهش خواهد یافت:
اگه کاربری روی موبایلش چیزی رو تو گوگل سرچ کنه، و سایت شما برای دستگاههای تلفن همراه بهینه نشده باشه،
اگه کاربری روی تبلت یا کامپیوتر شخصیش چیزی رو تو گوگل سرچ کنه، سایت غیرسازگار با موبایل شما تحت تأثیر قرار نخواهد گرفت.
اما معلوم نیست چقدر روی رتبه سایتتون اثر میذاره، گوگل چیزی نگفته، فقط گفته تحت این شرایط اثر قابل توجهی تو نتایح جستجو خواهد داشت. نکته دیگه ای که باید بهش توجه کنید اینه که معمولا گوگل اینجور تغییرات رو تدریجا اعمال میکنه (و یکباره برای همه بوجود نمیاد) و شاید تا یه مدت فکر کنید هیچ چیزی عوض نشده.

  • از کجا بدونم سایتم سازگار با موبایل هست؟

اگه سایتتونو با روشهای طراحی واکنشگرا ساخته باشید یا اگه یه نسخه مخصوص موبایل برای سایتتون دارید، یعنی بالای منحنی قرار گرفتید. میتونید تو مقالات قبلی دارکوب، مطالب بیشتری در مورد بهینه سازی سایت برای دستگاه های تلفن همراه بخونید.
برای اینکه ببینید سایتتون برای جستجوهای موبایلی رتبه ای میگیره یا نه، آدرس سایتتونو تو این صفحه وارد کنید. 
اگه دیدید سایتتون سازگار با موبایل نیست، ما میتونیم برای سازگار کردنش بهتون کمک کنیم.
ما برای این شرایط چند تا گزینه پیش روی مشتریهامون قرار میدیم و خوشحال میشیم بیشتر با شما دربارش صحبت کنیم.

سورس:

سایتهای سازگار با موبایل

  • علی بالوی پور