طراحی سایت و سئو با هوش مصنوعی | حمیدرضا قبادی
پیام
خب بریم سراغ تحلیل این سوال که اکثرا هم اشتباه جواب دادن 
خیلیا فکر میکنن Semantic HTML فقط یه سری تگ خوشگل برای تمیز نوشتن کده.در صورتی که این تگها به مرورگر و موتور جستجو کمک میکنن بفهمن «هر بخش صفحه دقیقا چه نقشی داره»
مثلا <section> برای یه بخش مستقل از محتواست؛بخشی که معمولا باید عنوان مشخص داشته باشه ( نتیجتا گزینه صحیح، گزینه 1 هست )
مشکل اینجاست که بعضیا از <section> فقط برای فاصله دادن و layout استفاده میکنن، بدون اینکه heading یا مفهوم مشخصی داشته باشه.
نتیجه؟ساختار معنایی صفحه شلخته میشه و فهمیدن hierarchy محتوا سختتر.
جالب اینجاست که این مشکل معمولا توی ابزارهایی مثل Lighthouse هم معلوم نمیشه، ولی روی درک کلی صفحه توسط crawlerها و screen readerها اثر میذاره
یه نکته دیگه که خیلیا اشتباه کردن: داشتن چند h1 اون فاجعهای که قبلا فکر میکردیم نیست
در ادامه ۲ تا مثال از روش استفاده درست و غلط این موضوع هم میزنم که بیشتر جا بیفته
@HamidrezaGhobadi
خیلیا فکر میکنن Semantic HTML فقط یه سری تگ خوشگل برای تمیز نوشتن کده.در صورتی که این تگها به مرورگر و موتور جستجو کمک میکنن بفهمن «هر بخش صفحه دقیقا چه نقشی داره»
مثلا <section> برای یه بخش مستقل از محتواست؛بخشی که معمولا باید عنوان مشخص داشته باشه ( نتیجتا گزینه صحیح، گزینه 1 هست )
مشکل اینجاست که بعضیا از <section> فقط برای فاصله دادن و layout استفاده میکنن، بدون اینکه heading یا مفهوم مشخصی داشته باشه. نتیجه؟ساختار معنایی صفحه شلخته میشه و فهمیدن hierarchy محتوا سختتر.جالب اینجاست که این مشکل معمولا توی ابزارهایی مثل Lighthouse هم معلوم نمیشه، ولی روی درک کلی صفحه توسط crawlerها و screen readerها اثر میذاره
یه نکته دیگه که خیلیا اشتباه کردن: داشتن چند h1 اون فاجعهای که قبلا فکر میکردیم نیست در ادامه ۲ تا مثال از روش استفاده درست و غلط این موضوع هم میزنم که بیشتر جا بیفته
@HamidrezaGhobadi۱ استفاده اشتباه<section> <div class="box">...</div></section>
<section> <div class="box">...</div></section>
اینجا section فقط برای layout استفاده شده و هیچ مفهوم مشخصی نداره.گوگل، مرورگر یا screen reader دقیقا نمیفهمن این بخش درباره چیه
@HamidrezaGhobadi۱ استفاده درست<section> <h2>آخرین مقالات سئو</h2>
<article>...</article> <article>...</article></section>
اینجا section یه موضوع مشخص داره و heading هم context اون بخشو توضیح داده.یعنی ساختار صفحه هم برای کاربرها واضحتره، هم برای crawlerها
@HamidrezaGhobadi۳
خیلی وقتا مشکل لندینگپیج این نیست که «چیز کم داره»؛مشکل اینه که زیادی شلوغهوقتی کاربر وارد صفحه میشه و همزمان اینارو میبینه:
چندتا CTA مختلف رنگ و انیمیشن زیاد ده مدل باکس و سکشن متنهای طولانی و پراکنده popup و banner و notificationاینطوری مغز کاربر سریع خسته میشه
به این میگن cognitive overload؛یعنی کاربر بهجای اینکه تصمیم بگیره، گیج میشه
جالبه بدونید خیلی وقتا حذف کردن چند بخش اضافه،conversion رو بیشتر از «اضافه کردن امکانات جدید» بالا میبرهلندینگپیج خوب معمولا کاربر رو فقط به سمت «یک تصمیم» هل میده؛نه اینکه همزمان ۲۰ تا چیز مختلف ازش بخواد
سادگی توی طراحی، فقط قشنگتر بودن نیست؛خیلی وقتا مستقیم روی فروش و conversion اثر میذاره
@HamidrezaGhobadi۴
وردپرس 7.0 رسما منتشر شد!بالاخره بعد از کلی انتظار، WordPress 7.0 منتشر شد و این نسخه یکی از بزرگترین آپدیتهای چند سال اخیر وردپرسه
توی این نسخه هم ظاهر مدیریت وردپرس مدرنتر شده، هم کلی قابلیت جدید برای ادیتور و طراحی سایت اضافه شده
مهمترین تغییرات وردپرس 7.0: داشبورد و پنل مدیریت جدیدظاهر wp-admin مدرنتر شده. Command Palette جدیدحالا میتونید خیلی سریع بین بخشهای مختلف وردپرس جابهجا بشید و ابزارها رو سریع پیدا کنید. کامنت گذاشتن روی بلاکهامثل ابزارهای حرفهای همکاری تیمی، حالا میشه روی بلاکها نوت و کامنت گذاشت مقایسه تصویری نسخهها (Revisions)دیگه فقط متن نیست؛ تغییرات صفحات و طراحی رو هم میشه بصری مقایسه کرد.🧱 بلاکهای جدید برای گوتنبرگچند بلاک کاربردی اضافه شده:
Heading Block جدیدIcons BlockBreadcrumbs BlockPlaylist Block
لایتباکس برای گالریگالریها حالا قابلیت Lightbox و اسلایدشو دارن ویدیو بهعنوان بکگراند سکشنداخل Cover Block میتونید ویدیو قرار بدید CSS اختصاصی برای هر بلاکبالاخره امکان اضافه کردن Custom CSS برای هر بلاک بهصورت جداگانه اضافه شد. امکانات طراحی حرفهایترکنترل بهتر روی Width / Height / Aspect Ratio و تنظیمات ریسپانسیو. امنیت بهتر کاربراندیگه نقشهای Admin و Editor بهصورت پیشفرض برای ثبتنام کاربران قابل انتخاب نیستن. حداقل PHP موردنیاز تغییر کردوردپرس 7.0 حداقل به PHP 7.4 نیاز داره. نکته مهم:قابلیت Real-time Collaboration که قرار بود مثل Google Docs کار کنه، فعلا از نسخه 7.0 حذف شده تا بعدا پایدارتر منتشر بشه. اگه به اینترنت بینالمللی دسترسی ندارید میتونید از لینک زیر دانلودش کنید:https://www.docs.acadev.org/latest.zip @HamidrezaGhobadi۳Claude.m4a
۰۳:۵۵-۲.۰۳ مگابایت
در ستایش Claudeتجربه استفاده از Claude و برطرف کردن یه مشکل نسبتا پیچیده که بقیه بابتش ۱۵ میلیون میگرفتن تو ۲ ساعت!
@HamidrezaGhobadi۳
یکی از تسکهایی که امروز داشتم، نوشتن یه کدی بود برای جلوگیری از ساخت Feed تو وردپرس
کد زیر رو نوشتم که بهطور خلاصه این کارها رو انجام میده:
جلوگیری از ساخته شدن فید ریدایرکت ۳۰۱ به صفحه HTML متناظر حذف لینک فید از سورس <head> پوشش همه انواع فید وردپرس فالبک به صفحه اصلی در صورت نبود صفحه متناظر
اگر خواستید استفاده کنید، داخل فایل functions.php قالبتون قرار بدید:
/** Disable All WordPress Feeds
/
add_action( 'template_redirect', function () { if ( ! is_feed() ) return;
$redirect = match ( true ) { is_singular() => get_permalink(), is_category() => get_category_link( get_queried_object_id() ), is_tag() => get_tag_link( get_queried_object_id() ), is_tax() => get_term_link( get_queried_object() ), is_author() => get_author_posts_url( get_queried_object_id() ), is_search() => home_url( '/?s=' . rawurlencode( get_search_query() ) ), default => home_url( '/' ), };
wp_redirect( esc_url_raw( ( ! $redirect || is_wp_error( $redirect ) ) ? home_url( '/' ) : $redirect ), 301 ); exit;} );
add_action( 'init', function () { remove_action( 'wp_head', 'feed_links', 2 ); remove_action( 'wp_head', 'feed_links_extra', 3 );} );
@HamidrezaGhobadi
کد زیر رو نوشتم که بهطور خلاصه این کارها رو انجام میده:
جلوگیری از ساخته شدن فید ریدایرکت ۳۰۱ به صفحه HTML متناظر حذف لینک فید از سورس <head> پوشش همه انواع فید وردپرس فالبک به صفحه اصلی در صورت نبود صفحه متناظراگر خواستید استفاده کنید، داخل فایل functions.php قالبتون قرار بدید:
/** Disable All WordPress Feeds
/
add_action( 'template_redirect', function () { if ( ! is_feed() ) return;
$redirect = match ( true ) { is_singular() => get_permalink(), is_category() => get_category_link( get_queried_object_id() ), is_tag() => get_tag_link( get_queried_object_id() ), is_tax() => get_term_link( get_queried_object() ), is_author() => get_author_posts_url( get_queried_object_id() ), is_search() => home_url( '/?s=' . rawurlencode( get_search_query() ) ), default => home_url( '/' ), };
wp_redirect( esc_url_raw( ( ! $redirect || is_wp_error( $redirect ) ) ? home_url( '/' ) : $redirect ), 301 ); exit;} );
add_action( 'init', function () { remove_action( 'wp_head', 'feed_links', 2 ); remove_action( 'wp_head', 'feed_links_extra', 3 );} );
@HamidrezaGhobadi۳طراحی سایت و سئو با هوش مصنوعی | حمیدرضا قبادی یکی از تسکهایی که امروز داشتم، نوشتن یه کدی بود برای جلوگیری از ساخت Feed تو وردپرس کد زیر رو نوشتم که بهطور خلاصه این کارها رو انجام میده: جلوگیری از ساخته شدن فید ریدایرکت ۳۰۱ به صفحه HTML متناظر حذف لینک فید از سورس <head> پوشش همه انواع فید وردپرس فالبک به صفحه اصلی در صورت نبود صفحه متناظر اگر خواستید استفاده کنید، داخل فایل functions.php قالبتون قرار بدید: /* Disable All WordPress Feeds */ add_action( 'template_redirect', function () { if ( ! is_feed() ) return; $redirect = match ( true ) { is_singular() => get_permalink(), is_category() => get_category_link( get_queried_object_id() ), is_tag() => get_tag_link( get_queried_object_id() ), is_tax() => get_term_link( get_queried_object() ), is_author() => get_author_posts_url( get_queried_object_id() ), is_search() => home_url( '/?s=' . rawurlencode( get_search_query() ) ), default => home_url( '/' ), }; wp_redirect( esc_url_raw( ( ! $redirect || is_wp_error( $redirect ) ) ? home_url( '/' ) : $redirect ), 301 ); exit; } ); add_action( 'init', function () { remove_action( 'wp_head', 'feed_links', 2 ); remove_action( 'wp_head', 'feed_links_extra', 3 ); } ); @HamidrezaGhobadi
یکی از تسکهایی که امروز داشتم، نوشتن یه کدی بود برای جلوگیری از ساخت Feed تو وردپرس کد زیر رو نوشتم که بهطور خلاصه این کارها رو انجام میده: جلوگیری از ساخته شدن فید ریدایرکت ۳۰۱ به صفحه HTML متناظر حذف لینک فید از سورس <head> پوشش همه انواع فید وردپرس فالبک به صفحه اصلی در صورت نبود صفحه متناظر اگر خواستید استفاده کنید، داخل فایل functions.php قالبتون قرار بدید: /* Disable All WordPress Feeds */ add_action( 'template_redirect', function () { if ( ! is_feed() ) return; $redirect = match ( true ) { is_singular() => get_permalink(), is_category() => get_category_link( get_queried_object_id() ), is_tag() => get_tag_link( get_queried_object_id() ), is_tax() => get_term_link( get_queried_object() ), is_author() => get_author_posts_url( get_queried_object_id() ), is_search() => home_url( '/?s=' . rawurlencode( get_search_query() ) ), default => home_url( '/' ), }; wp_redirect( esc_url_raw( ( ! $redirect || is_wp_error( $redirect ) ) ? home_url( '/' ) : $redirect ), 301 ); exit; } ); add_action( 'init', function () { remove_action( 'wp_head', 'feed_links', 2 ); remove_action( 'wp_head', 'feed_links_extra', 3 ); } ); @HamidrezaGhobadi️ جلوگیری از ساختهشدن فید یه نکته سئویی هم دارهمعمولا سایتهای شرکتی، فروشگاهی، شخصی و ... نیازی به فید ندارنولی اگر سایت خبری دارید بد نیست که فید روی سایتتون فعال باشه
@HamidrezaGhobadi۲
صحبت تسک شد گفتم لیست کارهای امروزم رو بذارم اینجا
روی اسم پروژهها هم خط کشیدم، بخاطر داستان پرایوسی و این صحبتا
@HamidrezaGhobadi
روی اسم پروژهها هم خط کشیدم، بخاطر داستان پرایوسی و این صحبتا
@HamidrezaGhobadi۲
️ یه نکته درباره لوکال سئویه بخش مهمی از Local SEO خارج از سایت اتفاق میفتهدر نتیجه یکی از مهمترین کارها اینه که سایتمون داخل پلتفرمها و سایتهای معتبر حضور داشته باشه
یکی از این پلتفرمها، Yelp هستکه میتونه به موارد زیر کمک کنه: اعتماد بیشتر مشتری برندینگ محلی دیده شدن بیشتر در گوگلخیلی اوقات کاربرها قبل اینکه ازتون خرید کنن یا باهاتون تماس بگیرن، وارد پروفایلتون داخل اینجور سایتها میشن
در کنار GBP، حواستون به حضور تو اینجور پلتفرمها هم باشه 🤌
@HamidrezaGhobadi۱