مقالات در زمینه طراحی و ساخت سایت و همچنین دامنه و هاستینگ

با سلام، احمد بالوی پور هستم و از سال 1381 تا کنون در زمینه طراحی صفحات وب سایت، سئو و بهینه سازی سایت و ارائه خدمات دامنه، هاستینگ فعالیت دارم. 18 سالگی(سال اول دانشگاه) ازدواج کردم و برای اینکه زندگیمو از صفر بسازم مجبور بودم سخت تلاش کنم و تو این سال ها و تا زمان نوشتن این مقاله کار طراحی، برنامه نویسی و بهینه سازی 2000 وب سایت را انجام داده ام. تخصص اصلی و علاقه ی من در زمینه بازاریابی اینترنتی و سئو می باشد و مقاله زیر حاصل 12 سال تجربه در زمینه وب است که در نهایت قصد داریم این مقالرو تبدیل به یک کتاب رایگان سئو کنم. قبل از اینکه بخوام به بحث یپردازیم از خوانندگان مقاله درخواست دارم به نکات زیر توجه کنید:

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

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

رعایت اصول و قواعد سئو در کد نویسی وب سایت

برای آنکه وب سایت شما در موتورهای جستجو رتبه مناسبی داشته باشد می بایست اصول و قواعد طراحی و سئو را در پیاده سازی آن رعایت شده باشد در زیر چند اصل اولیه مهم را برای شما بیان می نمایم:

  • کد نویسی HTML وب سایت می بایست بر پایه تگ DIV پیاده سازی شده باشد و از تگ TABLE برای صفحه بندی استفاده نگردد. تگ TABLE فقط می بایست برای داده های جدولی مورد استفاده قرار بگیرد.
  • آدرس دهی صفحات می بایست بهینه سازی شده برای موتورهای جستجو (SEF) باشد. در این نوع آدرس دهی برای هر دسته بندی یک فلدر در نظر گرفته می شود و نام صفحات بر اساس عنوان صفحه در نظر گرفته می شود. به عنوان مثال برای آنکه نام صفحه شبیه به index.php?id=10 داشته باشیم از نام صفحه page-title.html استفاده می نماییم. استفاده از نام صفحه فارسی تاثیر بهتری در ایندکس صفحات وب سایت در موتور جستجو خواهد داشت.
  • کد نویسی وب سایت می بایست استاندارد w3c باشد و پس از اتمام طراح وب سایت حتما وب سایت را می بایست در W3c Validator بررسی نموده و خطاهای سایت را بر طرف نمایید. در صورتی که خطاهای وب سایت رفع گردد این وب سایت پیغام تبریکی را به شما نمایش می دهد. نکته: این وب سایت صفحات وب سایت را به صورت جداگانه اعتبارسنجی می نمایید بنابراین کار تست می بایست بر روی تک تک صفحات وب سایت انجام گردد.
  • در نظر گرفتن عنوان برای صفحات وب سایت و استفاده از تگ های H1,H2,H3 و .. در سایت

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

  • ایجاد نسخه موبایلی وب سایت تاثیر بسیار متبتی بر رنک وب سایت در موتورهای جستجو خواهد داشت، زیرا که کاربران بسیاری از موبایل و تبلت برای جستجوی وب استفاده می نمایند و نمایش درست و مناسب سایت در موبایل و تبلت باعث می شود تا کاربر با ابزارهای موبایلی مدت زمان بیشتری در سایت بماند و همین مسئله تاثیر بسیار مثبتی در رنک سایت خواهد داشت
  • استفاده از اسنیپت ها (rich snippets and structured data) باعث بالا رفتن خوانایی سایت در موتورهای جستجو می گردد. در صورتی که از rich snippets و structured data استفاده نموده اید می توانید آن را در Google Structured Data Testing Tool - Google Help بررسی نمایید، فقط کافی است آدرس صفحه مورد نظر خود را در این سایت وارد نموده تا اسنیپت های بکار رفته در این صفحه را به شما نمایش دهد.

انتخاب عنوان مناسب برای صفحه

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

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

میزان استفاده از کلمات کلیدی در بدنه مقاله

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

بک لینک سازی

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

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

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

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

میزان و حجم مطالب صفحات وب سایت

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

موضوع مقالات وب سایت

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

برند سازی

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

استفاده از شبکه های اجتماعی

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

  • سعی نمایید هر چند روز ارسال جدیدی بر روی صفحه خود داشته باشید
  • مشتریان خود را ترغیب نمایید تا صفحه شبکه اجتماعی شما را لایک نمایند
  • با منابع کاری خود از طریق شبکه اجتماعی متصل شده و از طریق صفحه خود فعالیت نمایید
  • اخبار مهم و مقالات جدید را بر روی شبکه های اجتماعی خود بارگذاری نمایید

افزایش بازدید کنندگان مقالات وب سایت

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

  •  در بلاگ ها و فروم های سایت های دیگر به صورت مناسب و مستمر شرکت نمایید. الیته فعالیت شما در سایت های دیگر می بایست کاملا مناسب بوده و فقط استفاده از جملاتی به مانند با تشکر از مقاله شما نباشد
  • با شرکت کنندگان در بخش نظرات و فروم وب سایت خود ارتباط برقرار نمایید تا دوباره وارد وب سایت شما شده و در سایت فعالیت نمایند
  • از یک ساب دامنه برای راه اندازی بخش مقالات خود استفاده ننمایید و آن را در یک فلدر از سایت خود قرار دهید. مثلا کلیه مقالات سایت خود را در فلدر blog و یا articles قرار دهید
  • از تاثیر گذارندگان صنعت خود در نوشتن مقالات خود استفاده نمایید و در صورت لزوم به نوشته ها و صفحات وب سایت آنان لینک نمایید. الیته این کار را می بایست با ظرافت و به درستی انجام دهید
  • به جای تولید مطالب بیشتر مطالب با کیفیت بالاتر ایجاد نمایید. در صورتی که بتوانید مطالب با کیفیت با حجم بیشتری تولید نمایید نتیجه کار شما دو چندان خواهد بود
  • در ایجاد مطالب خود حتما از گرافیک و تصاویر استفاده نمایید و در صورتی که بتوانید تصاویری را خود ایجاد نمایید تاثیر  بیشتری در ذهن خوانندگان شما خواهد داشت
  • بخش ثبت نام ایمیلی را در سایت خود فعال نموده تا بتوانید کاربران را از مقالات جدید خود و همچنین تغییرات مقالات قبلی خود مطلع سازید
  • روش های قرار دادن مقاله در سایر سایت ها را در پایین مقاله خود ذکر نمایید تا کاربران تشویق شوند مقالات سایت شما را در سایت خود قرار داده و به سایت شما لینک دهند
  • سعی نمایید در مقالات خود نظرات سایرین را بررسی نموده و نسبت به تایید و یا رد نظرات دیگران عمل نمایید و این کار را با ذکر دلیل و برهان انجام دهید
  • از شبکه های اجتماعی جهت به اشتراک گذاری مقاله خود استفاده نمایید و این کار را فقط یک بار انجام ندهید. در حفیفت شما می توانید یک مقاله را در طول زمان های مختلف دوباره به اشتراک گذارید

چرخه تولید محتوای جدید در سایت

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

آدرس و منبع:

آموزش رایگان سئو و بهینه سازی سایت

+ نوشته شده در شنبه سی ام خرداد 1394 ساعت 12:37 توسط طراحی سایت دارکوب بدون نظر

رفع مشکل ارتفاع یکسان ستون ها در طراحی وب

این مشکل تمامی طراحان وب بوده از زمانی که طراحی وب از صفحه بندی با table به div گرایش پیدا کرد و سوالی که برای اکثر طراحان مطرح بود آن بود که چگونه می توانم پس زمینه با 100% ارتفاع داشته باشم در لایه بندی چند ستونی.

چندین روش برای حل این مشکل وجود دارد که در این بخش یک روش آن را بیان می نمایم که ممکن است در حالات زیر مورد استفاده پروژه شما واقع شود:

  1. تصاویر پس زمینه، بردرها، افکت های CSS3 مورد استفاده برای ستون های شما
  2. بیشتر از سه ستون
  3. ارتفاع و عرض انعطاف پذیر

شرح مشکل از قرار زیر می باشد:

نمایش پیش فرض پس زمینه

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

 <div class="wrap">
<div class="content">...</div>
<div class="sidebar">...</div>
<div class="sidebar_two">...</div>
</div>

و کد CSS تصویر بالا:

 .content {
width:60%;
float:left;
padding: 20px 30px;
background: #fff;
color: #6d7072;
}
.sidebar {
width:20%;
float:left;
padding: 20px 30px;
background: #5f6673;
color: #ebeef3;
font-size: 90%;
}
.sidebar_two {
width:20%;
float:left;
padding: 20px 30px;
background: #434750;
color: #ebeef3;
font-size: 90%;
}

راه حل: استفاده از المان های کاذب pseudo-elements

زمانی که در مورد ستون های با ارتفاع یکسان صحبت می نمایم قصد بر آورده کردن دو مورد را داریم:

  1. ستون می بایست به اندازه محتوای خود فضا داشته باشد
  2. ستون ها می بایست مستقل از محتوای وجود و در صورت نیاز ارتفاع فضای خود را افزایش دهند

در مورد مثال ما، پس زمینه به اندازه فضای محتوا وجود دارد و فقط نیاز است پس زمینه می بایست تا انتهای فضای موجود کشیده شود. بنابراین در صورتی که قصد داریم پس زمینه ها تنظیمات ارتفاع متفاوتی داشته باشند، می توانیم ارتفاع را به گروه المان آن اختصاص دهیم. برای انجام این کار می بایست از pseudo-elements استفاده نماییم. برای هر کدام از ستون ها از :before استفاده می نماییم تا یک pseudo-element ایجاد گردد. با تلفیق مکان کامل absolute positionin و z-index پس زمینه را به صورتی در نظر می گیرم تا تمام بخش را در بر گیرد. کد CSS جدید از قرار زیر است:

  .content, .content:before {
width:60%;
}
.content {
float:left;
padding: 20px 30px;
color: #6d7072;
}
.content:before {
content: \;
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 0;
background: #fff;
}

.sidebar, .sidebar:before {
width:20%;
}
.sidebar {
float:left;
padding: 20px 30px;
color: #ebeef3;
font-size: 90%;
}
.sidebar:before {
content: \;
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 60%;
background-color: #5f6673;
}

.sidebar_two, .sidebar_two:before {
width:20%;
}
.sidebar_two {
float:left;
padding: 20px 30px;
color: #ebeef3;
font-size: 90%;
}
.sidebar_two:before {
content: \;
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 80%;
background-color: #434750;
}

که در نهایت ستون های ما با حالت زیر در می آید:

رفع مشکل ارتفاع یکسان با CSS

این کد چگونه کار می کند

مطابق تصویر زیر :before به مانند المان در بر دارنده المان فعلی عمل می نماید که ارتفاع آن با توجه به CSS در نظر گرفته شده به اندازه ارتفاع المان در بر گیرنده سه ستون wrap می باشد.

ستون ها با ارتفاع یکسان

نکته مهم: ستون های شما می بایست داخل المانی باشند که موقعیت آن position: relative; باشد تا absolute positioning آنها عمل نماید.

کمتر و بیشتر از سه ستون

برای انجام همین کار تا سه ستون و با استفاده از :before و :after می توانید مقاله Nicolas Gallagher را مطالعه نمایید. برای ستون های بالاتر از این تعداد نیز می توانید از "background holder" استفاده نمایید.

لینک منبع:

http://webdesign.tutsplus.com/tutorials/quick-tip-solving-the-equal-height-column-conundrum--cms-20403

منبع و سورس:

مشکل ارتفاع یکسان ستون ها در طراحی وب

 

 

 

+ نوشته شده در شنبه بیست و سوم خرداد 1394 ساعت 12:41 توسط طراحی سایت دارکوب بدون نظر

طراحی نسخه ریسپانسیو سایت با استفاده از HTML و CSS

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

 <meta name="viewport" content="width=device-width">

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

سپس کافی است سه فایل CSS برای رزولوشن های مختلف طراحی نمایید و در صفحه HTML خود لینک نمایید:

<link href="template.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 1024px)" />
<link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 327px)" href="mobile.css">
<link rel="stylesheet" media="only screen and (min-width:328px) and (max-width: 768px)" href="templates/template/tablet.css">

فایل CSS اول برای رزولوشن های بالاتر از 1024 که برای رزولوشن کامپیوتر و لب تاپ می باشد.

فایل CSS دوم برای نسخه موبایل وب سایت که سایز رزولوشن های 327 به پایین می باشد.

فایل CSS سوم برای رزولوشن های صفحه مابین 1024 و 327 پیکسل می باشد، که برای مرورگرهای و ابزارهای میان سایز نظیر تبلت طراحی می گردند.

برای طراحی سایت مختص به هر عرض کافی است عرض مرورگر خود را در محدوده سایز مورد نظر قرار دهید و کدهای CSS خود را به فایل مورد نظر اضافه نمایید.

* دقت نمایید هر کدی که در برای هر سایزی در فایل CSS مورد نظر درج می نمایید برای سایر سایزها مورد استفاده قرار نمی گیرد.

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

معمولا مشکل برای نمایش سایت بین عرض 327 و 1024 می باشد که می توانید آن محدوده را نیز به چند فایل مختلف CSS اختصاص دهید به عنوان مثال از 327 تا 500، از 500 تا 700، از 700 تا 900 و از 900 تا 1024.

با استفاده از کتابخانه bootstrap می توانید پیاده سازی نسخه موبایلی سایت را بسیار راحتر انجام دهید زیرا خود این کتابخانه تغییر سایزهای المان های موجود در صفحه را به صورت خودکار انجام می دهد.

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

سورس:

نسخه ریسپانسیو سایت با استفاده از HTML و CSS

+ نوشته شده در یکشنبه هفدهم خرداد 1394 ساعت 16:1 توسط طراحی سایت دارکوب بدون نظر

اضافه کردن فایل ضمیمه به فرم تماس با ما جوملا

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

 /components/com_contact/views/contact/tmpl/default_form.php
/components/com_contact/controllers/contact.php

برای اضافه نمودن فیلد ضمیمه به کد فرم ابتدا فایل اول default_form.php را باز نموده و کد زیر را در انتهای فرم و قبل از کلیک ارسال فرم قرار دهید:

 <input type="file" name="fileToUpload" id="fileToUpload" aria-invalid="false">

فراموش ننمایید کد زیر را به تگ فرم خود اضافه نمایید. این کد قابلیت اضافه نمودن فایل ضمیمه را در فرم تعریف می نماید:

 enctype="multipart/form-data"

پس از انجام تغییرات مورد نظر فایل دوم contact.php را باز نموده و بخش زیر را بیابید:

 $sent = $mail->Send();

و با کد زیر جایگزین نمایید:

  $upload_folder = JPATH_BASE."/images";
$name_of_uploaded_file =
basename($_FILES[fileToUpload][ ame]);
$path_of_uploaded_file = $upload_folder . $name_of_uploaded_file;
$tmp_path = $_FILES["fileToUpload"]["tmp_name"];

if(is_uploaded_file($tmp_path))
{
if(!copy($tmp_path,$path_of_uploaded_file))
{
$errors .= \ error while copying the uploaded file;
}
}

$mail->addAttachment($path_of_uploaded_file);


$sent = $mail->Send();

سورس و منبع:

فایل ضمیمه در  فرم تماس با ما جوملا

+ نوشته شده در سه شنبه دوازدهم خرداد 1394 ساعت 13:43 توسط طراحی سایت دارکوب بدون نظر

رعایت اصول سئو در وب سایت جوملا

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

بهینه سازی سرعت جوملا

سرعت وب سایت یکی از مهترین المان های رنک دهی موتورهای جستجو می باشد و هر چه سرعت وب سایت بالاتر باشد رنک بهتری در موتورهای جستجو خواهد داشت و در نتیجه وب سایت سئو بهتری خواهد داشت. بهتر از حجم صفحات وب سایت خود را حداقل نگاه دارید تا سرعت وب سایت شما بالا باشد و برای تست سرعت وب سایت خود می توانید از تست کننده سرعت گوگل Page speed test استفاده نمایید. برای کسب اطلاعات در مورد بهینه سازی سرعت می توانید مقاله بهینه سازی جوملا را مطالعه نمایید.

امن سازی جوملا

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

نصب پلاگین رفع صفحات تکراری جوملا

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

نصب پلاگین صفحه بندی سئو جوملا

در جوملا زمانی که تعداد مقالات به حد تنظیمات صفحه بندی می رسد مقالات به چند صفحه تقسیم می گردد که در پایین این صفحات شماره صفحات نمایش داده می شود. مشکلی که این صفحات دارند عناوین تکراری آنها می باشد که دارکوب برای حل این مسئله نیز پلاگین صفحه بندی سئو جوملا را طراحی نموده است که شماره صفحه را در انتهای عنوان هر صفحه اضافه می نماید. برای دانلود این پلاگین می توانید بر روی لینک Seo Pagination کلیک نمایید.

فعال سازی سیستم SEF جوملا

سیستم Sef به آدرس دهی بهینه سازی شده برای موتورهای جستجو گفته می شود که فراموش ننمایید در بخش تنظیمات جوملا این قابلیت را بر روی فعال قرار دهید.

طراحی نسخه موبایلی برای وب سایت

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

همچنین برای اطلاع بیشتر در مورد اصول سئو می توانید مقاله آموزش سئو را مطالعه نمایید.

 

سورس و منبع:

اصول سئو در وب سایت جوملا

+ نوشته شده در یکشنبه دهم خرداد 1394 ساعت 8:51 توسط طراحی سایت دارکوب بدون نظر